前面说过，最近沉迷于无代码方式建设个人网站，立了个旗，说一定会有入门DIY教程。耽搁了很久，今天终于带着56张照片来上班了...
有很多方法可以建立一个无代码的网站。我朋友用的是Squarespace，效果相当出彩。我用WordPress是因为我有博客。其实我觉得市面上应该有很多类似的工具，你选哪一个效果应该都差不多。
刚开始因为对各种模块不熟悉，用无代码版建网站的时候底气不足。因此，我转向使用。org版的WordPress，和裤子折腾了几天。还好效果还不错。后来，不愿意建立一个网站比别人更困难，我研究了。又是WordPress . com版本。
最近折腾了很久，终于对无代码网站的建设感到放心了。更何况这是这个版本的教程。
第一，个人主页的建设
WordPress有多种语言版本。一开始跳转到了中文版，但是刷新了几次之后又莫名其妙的跳回了英文版。但是对比了太多语言的背景之后，基本都是一样的，主要是语言，一些社交软件，支付方式。以下截图来自英文版。
我通过注册一个新的电子邮件地址开始了教程，但后来我想不会有任何人没有电子邮件地址，所以我干脆跳过了这一步。直接在搜索引擎中搜索“WordPress”，然后进入Wordpress.com网站建设指南，就会出现以下界面。我选择了免费版。
接下来，输入你的电子邮件地址，写一个用户名，设置一个密码。
设置好WordPress账号后，会跳转到域名界面。这个地区可以用自己的域名，也可以买一个全新的域名。不过为了让它免费到底，我不打算花钱买域名，所以就随便想了个名字。以后想有个好域名，随时可以添加或者更改。
作为一个失败者，我想了想《魔兽世界》里所有主角的名字。最后，我选择了风元素之王奥拉基尔，并使用windlord作为网站名称的关键字。然后，在各种示例中，我选择了免费的URL。这时候可以把这个选中的网址专门保存起来，然后会经常使用，时间一长，这就是你自己网站的网址了。
选好域名后，我们自然就开始了官网建设之旅。网页会跳转，自动进入建设网站后台。其中，紫红色按钮“命名你的网站”是进入下一步的关键入口，后续步骤就像我用红线框住的右边的那些一样。
前面说了，我把自己的新网站命名为Windlord，意思是“风行者”，还写了一句广告语:风元素的骑手。
网站命名后，是最重要的一步:编辑主页。它也在紫红色按钮处进入。
在编辑主页时，会有一些说明页面，如下图所示。看一看还是有必要的。不看的话，其实不会影响我后面讲解的步骤。
我在主页上编辑了页面，随便选了一个样式。其实我也可以选择空白页或者其他风格。但我一直相信，建网站要从最容易的地方开始。结果越简单，成就感越快，越有动力去折腾。
除了可以编辑的主题图片，网页下拉后还会显示博客的最新更新实例。其实对于一个网站来说，这些内容太少了，就像一个博客的首页一样。不过WordPress是从博客起家的，并没有错。
我随意看了一下，觉得至少应该添加一些相册或者收藏，于是从页面左上角的“+”号开始添加内容。进入这个按钮后有很多内容可以选择。其中，“块”就是一些固定的模块，比如段落，比如标题。这个操作和做PPT差不多。但是我选了右边的“模式”，有很多匹配的内容。我选了一本有四张封面图片的相册。
相册添加成功后，会显示在整个主页的末尾，但是我想迁移到它前面的位置。点击这张专辑的中间位置后，前面两张专辑的左上角会出现一个小编辑框，框内第三个位置有上下箭头。只要一直点击向上箭头。
前两张专辑被挪到了首页图片的底部，然后我把后两张专辑挪了过来。这样一来，主页就变成了一个主题图片，四个相册，三个最新的博客，以及这个主题自带的“内容”模块。
此时，如果您想要添加相册或图片显示，或者任何所需的模块，您可以继续点击左上角的“+”号。但是，作为一个例子，我打算直接发布这个页面。一般来说，官方不建议在网站还没完成的时候就发布，但是我觉得发布之后找亲朋好友提点建议更方便。“发布”按钮位于右上角。
点击发布按钮后，WordPress似乎还想再努力一下，于是绑架购买域名或定制会员的行为再次出现。但是，我还是相当坚定地选择了免费版。
至此，一个简单的网站已经正式发布成功。如果只是为了好玩，可以开始在里面写一点内容，说明你有了自己网站的雏形。
第二，网页跳转
一个真正的网站，功能和栏目肯定是比较多的，所以在发布之后，网站需要开始想象自己需要多少个栏目。在这个例子中，我计划将网站分为四个栏目:主页、工作、生活和关于。所以在主页的基础上，我需要建立一个工作页面，一个生活页面和一个关于页面。
当建立一个新的页面时，从屏幕的左上角选择带有单词“W”的WordPress的标志。然后点击左下角的“添加新页面”添加新页面。
新页面旨在谈论与“工作”相关的内容。毕竟是个人网站，展示自己做过的项目是比较好的方式。首先在“特色”中选择。在这方面，有一些人们更喜欢使用的模板。
默认情况下，我选择了Portfolio，这是一个标题，在幻灯片页面中有多个可以编辑的项目。
将“作品集”改为“作品”，然后点击右上角的“发布”即可发布。
发布页面后，继续创建新页面。
新页面计划谈论生活，所以选择了“图库”中的模板。
改名为《生活》出版。
同样，发布后继续创建新页面。
新创建的页面是一个个人资料页面，因此选择了“关于”中的模板。
更改名称并发布。此时，已经创建了三个新页面。举个例子，就够了。如果有必要，可以建造更多。我很好奇有没有可爱的“小傻瓜”闲着没事测试一下加几千个新网页需要多长时间。
三个页面构建完成后，选择“Dashboard”并返回到个人背景。
后台管理左侧有很多功能。还有空可以探索，不过这次主要是来编辑菜单的。菜单的编辑按钮在页面的右下角，主要用途是显示新创建的网页。
进入菜单编辑页面。
选择“主要”进行自动渲染。
在主菜单中，选择“添加项目”。
页面将出现在右边，它包含主题本身和所有刚刚建立的页面。只需添加三个新的，它们就会出现在左侧菜单栏中。
添加页面后，选择“重新排序”对其进行排序。上下箭头是上下顺序，左右箭头是子集母集包含关系。
排序后，可以看到菜单栏已经显示在首页的顶部。网站建设又告一段落。
第三，丰富个人网站
从菜单编辑处退出很麻烦。一直找不到合适的背钥匙。个人觉得这个交互有点麻烦。我通常会删除顶部的地址栏，只留下Wordpress.com，我会回到我的背景。继续编辑主页。
这时候可以先用预览看一下网站，也可以用手机打开个人网址，看看有没有遗漏。
比如这个示例网站，首页和栏目都做的差不多了，主题图片可以改也可以不改。你想自己复制内容，替换里面的链接，想去哪就去哪。
但是，你往下看，会发现新建的四个相册紧贴着主题图，很难看；而且四张专辑只能改封面图改文字，没地方点。这是两个需要处理的问题。
处理“两块靠在一起”的第一个问题很简单。要么尝试手动移动它，要么添加一个“标题”。
我选了最简单的。单击左上角的“+”号，选择“块中的标题”，没有输入任何文本。因此，如下图所示，Heading会自动将主题图片从相册中分离出来。
第二个“相册不能跳转”的问题有很多解决方法。其中，这些相册可以根据用途不同，跳转到指定位置或各个页面，甚至是新创建的三个页面的指定位置。但是为了方便举例，我计划创建一个新页面。
对于这个新页面，我在Gallery里选了一个模板，图片会平铺，左边会有一些关于这个相册的介绍。
将页面名称更改为相册名称“Brice ”,然后单击发布。
发布页面进行确认时，复制右侧页面的链接。
然后点击左上角的logo返回后台管理页面。
选择右下角的编辑主页按钮。
选择单词“Brice ”,并在小编辑框中选择右侧的第三个链接选项。其实年份也可以自动分类，但是这里没有这个需求。
在链接框中输入复制的链接，然后按Enter键确认。
这时“Brice”的颜色自动变化，下面有一条水平线。带有新密钥的网页链接已成功添加。点击右上角“更新”后，用个人网址进入自己的网站，点击“Brice”跳转。
其实这个区域也可以设置成图文并茂的模式。在编辑框中，框中带有A的图标即可。很多人也喜欢把图片设置成跳转链接。这个操作只需要点击图片，在链接框中添加刚刚复制的页面链接即可。
现在，无论是这张专辑的名字，还是这张专辑的封面，都可以点击跳转到另一个页面。用同样的方法给其他三个相册添加新的页面和链接就可以了。任何其他文本也可以这样跳转。
更新网站后，登录个人网站即可获得以下网站页面。剩下的就是把这个网站的所有图片和文案更新成你自己的内容。每天做一点，你就能得到一个伟大的网站。
附言
事实上，网站不需要代码就可以实现的功能有很多，包括网页联系、下单、缴费等。做更多的功能并没有想象中那么复杂，基本就是添加模块、页面、链接等。
个人网站或个人博客往往需要时间打理，需要做个人作品集的人值得拥有。我也非常希望在这里看到朋友，我们可以一起探讨更多的无代码网站建设，互相接触，互相交流。
