作为一个不是计算机专业的学生，对计算机网络相关知识甚微，甚至连 html、css 和 JavaScript 都不会（做的唯一一次有关网页的项目还是用 gpt 生成的）。但，秉持着“实践是认知的来源”的折腾精神，也算是有惊无险的弄好了网页，所以在此记录一下。
在此之前
在具体介绍之前，我们需要理清一下从理想状态来讲，我们创建一个能够被别人在互联网上看见的网站大致需要什么过程。其实这个也很简单，无非是内容和其他人怎么看见我们的内容。
内容就是我们网页的内容，这里我们可以根据内容是在本地还是在云端分为两类，其次内容是否可以编辑可以分为静态网页和动态网页（但是目前越来越多技术，使得两者的界限越来越模糊，有些静态网页也可以像动态网页一样编辑部分内容）
其他人怎么看见我们的内容就涉及到计算机网络的部分，由我浅薄的知识，涉及到公网 IP 和 DNS 域名管理。经过我的实践，公网 IP 就是在世界上面你的门牌号，有了这个 IP 你就可以在世界上任何地方通过这个访问到你的网站。有公网，也就有内网，其实大部分情况大家的 IP 都是内网，而内网顾名思义，也就是你只能访问内网的资源，比如你只有你小区的门牌号，那么你在美国不可能用这个门牌号找到你的家，所以这个时候通常使用内网穿透技术来实现，或者如果你有一个公网的云服务器，可以用 SSH 反向代理来完成；而 DNS 域名管理就是，公网 IP （比如 8.5.6.1），这个都是数字太难记忆了，所以我们需要用比如 baidu.com 这种简单的方式来表达（这个就是域名），那么从 baidu.com 到 8.5.6.1 的映射就是 DNS 域名管理做的事情。简单来说，就是世界上有专门的几个服务器来管理域名，这些就叫 DNS 域名管理，你搜索 baidu.com 就要访问这些服务器，得到解析后的 IP 地址，然后通过 IP 地址才能够访问。
接下来，我将就网页内容和其他人怎么看见我们的内容（云端和本地）为分类，详细记录一下我的搭建过程。
分类
就像我之前说的，网页分为在本地和云端，以及可以分为静态网页和动态网页。如果我们按照这四象限来分类就会得到下面的内容：
为什么说动态网页+本地不存在呢，因为动态网页意味着你可以在网站中通过公网 IP 进行修改，而这意味着你可以通过公网 IP 修改到本地文件，这是一件非常危险的事情，所以通常不会有这种类型。
而接下来我将对剩下三种讲述我的实践精力（没想到我自己都折腾到了（汗颜））
在继续介绍之前，我将简要列出市面上常用的静态网页工具和动态网页工具：
- 静态网页：Hexo，Hugo
- 动态网页：Wordpress，Halo，Typecho
静态网页 + 本地
这里我就用 Hugo 来举例吧（因为我用的就是x），虽然用使用人数来说 Hexo 是更好的选择。（其实选哪个都无所谓，因为它两的命令基本上差不多。
而在这里我们可以参考 Hugo 的 Quick Start。本人认为互联网超链接的最大好处就是能够不重复阐述相同的知识，将人的精力放到创造知识上面，所以我这里就不具体写怎么做的内容了，链接里面已经讲的十分详细。
那怎么让其他人也能够访问这个呢？如果选用的是这个路径，那么常见的方法是 Hugo Github Pages 部署，这个可以通过 github 的帮助，能够让你不用自己走 DNS 和公网 IP 的那套，相当于是 github 的帮你弄了一个域名，解决了 DNS 问题，很方便。但是这个会有一定的问题，就是这一套由于是 github 托管，国内会有一定概率访问不了。
当然你可以使用 Netlify 托管这个 Github 来解决这个问题，Netlify 的 DNS 域名能够在国内访问，所以是完全没有问题的。但是既然使用了这个，就最好使用下面的方法了。
静态网页 + 云端
这个是我最推荐的方法，一是不用报备不用担心安全问题，二是很方便。
那云端有什么好处呢？比如我们有两台电脑，我们在电脑 A 上面写了博客，然后推送到 github，此时我们来到电脑 B，我们就不能在电脑 B 上面进行写作了，因为源码在电脑 A 上，而 github 上面只保存了编译之后的内容，所以完全做不到。而保存在云端就不会有这些问题了。
我们参考这篇博客 Hugo on Netlify。这里的基本思想是，github 上面放源码，然后具体的部署编译工作都交给 Netlify。
域名绑定 Netlify DNS
其实如果你不打算折腾的话，用 Netlify 自己的域名就完全可以用了，但是如果你觉得 Netlify 的域名不好看，打算用自己的域名，那么你首先需要购买一个域名（比如从阿里云那里购买）。
然后在 Netlify 的 Project 的 DNS management 里面 Add domain alias，它会让你到你购买域名的地方去修改 DNS，做完之后大概等一天就可以了（实测一般不需要一天，30 min 左右）
动态网页 + 云端
正如我说的，动态网页分为 WordPress、Halo、Typecho，说实话我不是很熟悉 Halo，我个人推荐 WordPress，最主要的原因是其资历最老，社区最活跃，而 Typecho 资源比较少（虽然很快）。
在搭建动态网页的时候你需要购买一个云服务器（或者用自己电脑+内网穿透，但是非常不推荐，因为你也不想把自己电脑的数据暴露在公网之下吧），云服务器首推阿里云和腾讯云（大牌），之后是其他小公司。
安装宝塔
后续 Hugo 折腾
这里由于作者认为 Hugo 作为静态网页，现在应该还有很多值得学习的地方，比如可以开启评论留言等功能，等作者折腾完回来写！