建设无代码网站的方式有许多，我用的是

此前曾提过，我近期沉迷于用无代码的方式建设个人网站，还立下Flag，说一定会更一期入门版的DIY教程。刚开始时，我因为不熟悉各种模块，用无代码版建网站时很憋屈。点击发布按钮后，看起来还是想要再努力一把，于是又出现了诱拐买域名或者

之前提到过，最近迷恋用无代码的方式搭建个人网站，还立了flag，说一定会更新一个入门级的DIY教程。 拖了好久，今天终于提交了56张图……

构建无代码网站的方法有很多。 我朋友就用这个，效果还是蛮不错的。 我使用这个是因为我有一个博客。 其实我觉得市场上应该有很多类似的工具，你选择的任何一个都应该有类似的效果。

一开始，我在使用无代码版本构建网站时感到很沮丧，因为我对各个模块不熟悉。 因此，我转向.org版本并摆弄了几天。 幸运的是，效果还不错。 后来我不愿意接受建网站比别人更难的事实，所以我又研究了.com版本。

最近奋斗了很长一段时间，我终于放心地构建了一个无代码版本的网站。 此更新适用于本版本的教程。

1.建立个人主页

有多种语言版本。 一开始我跳到了中文版，但是刷新了几次之后，就莫名其妙地跳回了英文版。 不过我对比了很多语言的后端，发现它们基本是一样的，主要是语言和一些社交软件以及支付方式上的差异。 下面的截图来自英文版。

我是通过注册一个新的电子邮件地址开始教程的，但后来我想了想，没有电子邮件地址的人不会很多，所以我就跳过了这一步。 直接在搜索引擎中搜索“”，然后进入网站建设指南。 将出现以下界面。 我选择了免费版本。

接下来，输入您的任何电子邮件地址，创建用户名并设置密码。

创建账户后，会跳转到域名界面。 在此区域中，您可以使用您已经拥有的域名，也可以购买全新的域名。 不过为了免费到底，我不打算花钱买域名，所以就想了个名字。 如果您以后想要一个好的域名，您可以随时添加或更改。

作为一个命名新手，我思考了魔兽世界中各个主角的名字，最终选择了风元素领主奥拉基尔，所以我使用了关键字作为站点名称。 然后，在各种说明性示例中，我选择了免费 URL。 这时，可以将选定的网址专门保存起来，以后会经常使用，并且在很长一段时间内，这将是您自己网站的网址。

选择好域名后，正式的建站之旅自然就开始了。 网页会跳转并自动进入建站后台。 其中，紫红色按钮“为您的网站命名”是下一步的关键入口。 接下来的步骤和我右边红线框起来的类似。

正如之前提到的，我给我的新网站起了个名字，意思是“风之骑士”，还写了一个口号：风之骑士。

为网站命名后，就该进行最重要的步骤了：编辑主页。 也可以通过紫色按钮输入。

编辑主页时，会出现一些说明页面，如下所示。 有必要看一下。 如果你不看的话，其实不会影响我后面解释的步骤。

我在首页编辑页面随意选择了一个样式。 其实我也可以选择空白页或者其他样式。 但我始终相信，建立一个网站是从最简单的地方开始的。 结果越简单，成就感来得越快，就越有动力去努力。

除了可以编辑的主题图片之外，网页的下拉列表中还有博客最新更新的示例。 其实对于一个网站来说，这些内容太少了，就像一个博客的主页一样。 但自从我以博客开始我的职业生涯以来，我有这个问题是可以理解的。

我随便看了一眼，觉得至少应该添加一些相册或者收藏，于是就从页面左上角的“+”号开始添加内容。 按下此按钮后，有很多内容可供选择。 其中，“”指的是一些固定的模块，例如段落、问题等。 这个操作和制作PPT类似。 但我选择的是右边的“”，里面有很多已经匹配的内容。 我选择了一张有四张封面图片的专辑。

相册添加成功后，会显示在整个首页的最后，但我想把它移到前面的位置。 点击这个相册的中间位置后，前面两个相册的左上角会出现一个小的编辑框。 小框第三个位置有上下箭头。 只需继续单击向上箭头即可。

前两张专辑移到了首页图片下方，然后我把后两张专辑移了过来。 结果首页就变成了主题图（可以跳转）、四本相册（可以换封面但不能跳转）、最新的三篇博客、以及这个主题自带的“”模块。

此时，如果您想添加相册或图片显示，或者任何想要的模块（例如音乐或视频），可以通过左上角的“+”号继续，但作为示例，我计划直接发布添加此页面。 一般来说，官方不建议在网站完成之前发布，但我认为发布后你可以询问你的亲戚和朋友，让他们给一些建议，这样发布起来更方便。 发布按钮位于右上角。

点击发布按钮后，他们似乎还想更加努力，于是又试图引诱某人购买域名或定制会员资格。 但我还是坚定的选择了免费版。

至此，一个简单的网站已经正式发布成功。 如果只是为了好玩，你可以开始在里面写一些内容，你就有了自己网站的雏形了。

2.网页跳转

真正的网站肯定有更多的功能和栏目，所以网站发布之后，就需要开始思考到底要有多少栏目。 在这个例子中，我计划将网站分为四个栏目：主页、工作、生活、关于。 所以在“主页”的基础上，我还需要构建一个“工作”页面，一个“生活”页面，一个“关于”页面。

创建新页面时，从屏幕左上角选择带有“W”的徽标。 然后点击左下角的“添加新页面”即可添加新页面。

新页面旨在谈论“工作”相关内容。 毕竟是个人网站，最好展示一下做过的项目。 首先选择“”。 该区域有每个人都喜欢使用的模板。

我选择了默认的表单，其中标题是幻灯片页面，其中包含多个可以编辑的项目。

将“”改为“工作”，然后点击右上角“”即可发布。

发布页面后，继续创建新页面。

新创建的页面打算谈论生活内容，所以选择了“”中的模板。

更名为《Life》并发行。

同样，发布后继续创建新页面。

这次新建的页面是个人信息页面，所以选择了“关于”中的模板。

重命名并发布。 此时网页设计网站，总共创建了三个新页面。 作为一个例子就足够了，如果需要的话可以构建更多。 我很好奇是否有可爱的“小傻瓜”可以免费测试添加数千个新网页需要多长时间。

三个页面搭建完成后，选择“”返回个人后台。

后台管理左侧有很多功能。 有空的时候可以去探索一下，不过这次我们主要是来编辑菜单的。 菜单编辑按钮位于页面右下角。 其主要目的是显示新创建的网页。

进入菜单编辑页面。

选择自动呈现的“”。

在此菜单中，选择“添加项目”。

右侧会出现页面，其中包含主题自己的页面和您刚刚创建的所有页面。 只需添加三个新的，它们就会出现在左侧菜单栏中。

添加页面后，选择“”进行排序。 上下箭头为上下顺序，左右箭头为子集-主集包含关系。

排序后可以看到首页上方已经显示了菜单栏。 网站建设已经结束。

3.丰富个人网站

从菜单编辑处退出比较麻烦。 我从来没有找到更合适的返回键。 我个人觉得这个交互有点麻烦。 我通常删除顶部的地址栏，它会返回到我的后端。 继续选择主页编辑。

这时候你可以用预览看一下网站，也可以用手机打开你的个人网站网址看看是否有遗漏。

例如，在这个示例网站中，主页和栏目几乎是完整的。 主题图像可以更改也可以不更改。 您可以自己复制内容，替换里面的链接，然后可以将其定向到任何地方。

但当你向下滚动时，你会发现四张新创建的相册与主题图片紧密相连，非常难看； 而四张相册只能更换封面图和文字，没有可点击的地方。 这是两个需要解决的问题。

处理第一个“两个块粘在一起”的问题非常简单，要么尝试手动移动它，要么添加一个“”。

我选择了最简单的。 单击左上角的“+”号，选择“”，不要输入任何文本。 结果如下图，主题图片和相册自动分离。

针对第二个“相册无法跳转”的问题，有很多解决方案。 其中，这些相册可以根据不同的用途跳转到指定位置或各个页面，甚至可以跳转到新建的三个页面的指定位置。 但为了举例，我计划创建一个新页面。

对于这个新页面，我选择了其中一个模板。 图片会是平铺的形式，左边会有一些关于专辑的介绍。

将页面名称更改为专辑名称“Brice”，然后单击“发布”。

确认发布页面后，将链接复制到右侧页面。

然后点击左上角的标志，返回后台管理页面。

选择右下角的编辑主页按钮。

选择单词“Brice”，然后选择小编辑框中右侧第三个的链接选项。 其实年份也可以自动分类，但是这里其实没有必要这样做。

将复制的链接输入链接框中，然后按 Enter 确认。

此时，“Brice”的颜色自动变化，下方出现一条横线，新密钥的网页链接已成功添加。 点击右上角“”后，用你的个人网址进入你的网站网页设计网站，点击“Brice”即可跳转（编辑页面和预览页面基本无法跳转）。

这个区域其实可以设置成图片中有文字的模式。 在编辑框中，您可以使用框中带有 的图标来执行此操作。 许多人还喜欢将图像（带或不带文本）设置为跳转链接。 此操作只需要点击图片并在链接框中添加刚刚复制的页面链接即可。

现在，无论是这张专辑的名称还是这张专辑的封面，你都可以通过点击跳转到另一个页面。 只需以相同的方式添加新页面和剩余三个相册的链接即可。 任何其他文本也可以通过这种方式跳转。

更新网站后，登录个人网站（非编辑页面），您将得到如下网站页面。 剩下的就是将网站的所有图片和文案更新为自己的内容了。 每天做一点，您就会拥有一个很棒的网站。

后记

其实，一个无代码搭建的网站可以实现很多功能，包括网页联系、下单、费用支付等，做更多的功能并没有想象的那么复杂。 基本上，您只需添加模块、页面、链接等即可。

一个个人网站或个人博客需要大量的时间来打理。 对于那些需要建立个人投资组合的人来说，这是值得拥有的。 我也非常希望在这里见到朋友，一起讨论更多的无代码网站建设。 联系我们，多沟通。