1996年早春的一天。
北京中关村南门竖起了一块巨大的广告牌，上面清楚地写着：“中国人距离信息高速公路还有多远——向北1500米”。
然而，直到2014年，Cheese才真正拥有了第一个网站，这有点遗憾。
今天，Cheese 将帮助您建立人生中的第一个网站。
是的，从今天开始。
01
网站建设流程
经常看到有人说“0元0代码”就可以建一个网站。 这是真的？
伪造的！ 此类内容很可能是“点击诱饵”。 不过好消息是只需要花9块钱，而且代码级别也不算太难。
1.1. 网站三大项目
无论是大型网站还是小型网站，创建网站的方法其实就是三件大事：
域名+服务器+网站程序。
• 域名：您的顶级域名。
• 服务器：是24小时提供服务的计算机。
• 网站程序：决定网站内容的应用程序。
这三大项你可以根据自己的情况选择免费的、专业的、甚至是顶级的。
1.2. 动态网站
在互联网的早期，人们直接编写网页的HMTL文件。
也就是说，网站上的所有页面都对应着服务器中的HTML文件。 当时最流行的编辑工具是“网页三剑客”。
然而，这种“刀耕火种”的开发方式无法应对互联网的蓬勃发展。
因此，Web开发分为：前端和后端。
前端以JavaScript为标准，后端使用PHP、Java、Python等语言，然后通过“数据库”动态显示网页。
这些“动态网站”在后端开发了Windows Server，以及Linux下的LNMP、LAMP、LNMT的服务器生态系统。
1.3. 静态网站
后来JavaScript又发展出了具有后端服务器功能的Node.js。
与传统后端语言相比，Node.js 具有优越的性能和响应速度，可以轻松处理大量请求和高并发。
许多大公司也开始使用 Node.js 作为后端服务器技术。
GitHub等开源平台也开始为静态网站提供免费托管服务。 GitHub 可以用作免费服务器。
也就是说。
现在你只需要花点钱购买一个域名，再加上一个免费服务器，就可以建立个人网站了。
02
域名注册
理论上，建立网站不需要域名。
但我们的定位是个人网站，所以你还是需要申请域名，这是唯一需要花钱的地方。
2.1. 关于域名的常识
为什么不需要域名？
因为在互联网上，网站都是以IP的形式存在的，而域名的诞生只是为了方便人们的记忆。
域名可以被视为个人数字资产，任何人都可以拥有，但具有排他性。
而且，域名和QQ号码一样，遵循“先到先得”的原则。 申请越早，获得字母越少的“漂亮号码”的可能性就越大。
不过域名需要年费，一旦过期，你的域名就会重新开放。
2.2. 域名价格
不同的域名后缀有不同的价格。
.com是使用最广泛的域名后缀，.net和.org也是常用的国际域名后缀。
.cn是国家域名后缀，只能从国内服务商购买ks赞自助下单平台网站24小时，而.ai、.org、.me等小众域名只能从国外服务商购买。
最便宜的域名是.top。 最便宜的域名一年9元，续费一年仅需29元。
不同的域名注册商有不同的价格。
对于域名注册，没有要求您必须去哪个网站购买。 任何提供域名注册服务的网站都可以。 选择一个更便宜的。
国内注册商推荐腾讯云和阿里云。
国外最著名的注册商是GoDaddy，但其价格非常昂贵。 NameSilo是另一家声誉良好的注册商，价格更合理。
并且还支持“支付宝”支付。
2.3. 域名解析
域名解析的作用就是将域名与服务器的IP连接起来。
DNS（Domain Name System）就是解决这个问题的机制ks赞自助下单平台网站24小时，而我们需要做的就是向注册商添加域名解析。
主持人记录：
一般来说，只需要输入两个记录值。
输入@，可以理解为顶级域名解析，比如我的是runningcheese.com
输入www，可以理解为www的二级域名。 例如，我的是
输入其他内容，可以理解为二级域名的解析。 例如，如果您输入 firefox，则为 firefox.runningcheese.com。
值得注意的是，如果不希望域名自动添加www，就不要添加www的记录值，只需添加一个@记录值即可。
记录类型：
记录用于自助服务器解析。
CNAME 记录使用第三方服务器解析。 接下来我们要讨论的免费服务器使用 CNAME 记录。
03
免费服务器
上面提到了GitHub等网站可以作为免费服务器，但是具体怎么做呢？
3.1. GitHub
使用 GitHub 作为服务器。
首先，你需要注册一个GitHub帐户，这是不言而喻的。
接下来，创建一个名为“username.github.io”的新存储库。
比如我的用户名是runningcheese，仓库名称是runningcheese.github.io。
创建成功后。
直接打开，网页会自动生效。
您还可以在“设置”中添加“自定义域名”，可以替换原来的长域名。 您还可以通过勾选HTTPS自动获取SSL证书。
最后，打开，
网页上的内容将与 runningcheese.github.io 存储库上的内容完全相同。
3.2. 吉泰
国内的Gitee和Coding也支持Pages功能，操作方法类似，但需要实名认证才可以使用。
3.3. 韦尔塞尔
一个 GitHub 帐户仅提供一个 Page。
如果您还想构建多个网站，您可以利用 Vercel 的免费托管服务。
Vercel也是一个网站托管平台，在全球拥有CND节点，因此比Github更稳定，访问速度更快。
只需要在Github上新建一个仓库，仓库名称随便填写，没有特殊要求，然后将仓库导入到Vercel中即可。
这样我们就可以同时拥有多个免费服务器了。
同样，Vercel也支持域名定制。
3.4. 概念
个人说明 Notion也可以用作免费服务器。
您可以在Notion上进行编辑，然后一键将其转换为在线网页。 默认情况下，您可以通过“username.notion.site”查看公共主页。
但Notion无法像Github Pages那样直接解析域名，而是需要使用Cloudflare进行中继。
具体参考：
04
HTML 网页
域名和服务器只是外部的。 网站真正的灵魂是网站内容，这就涉及到“网站程序”。
4.1. 手写 HTML
如果你的网页内容很少，只有一些文字、表格和图片，你可以自己手写一个HTML网页。
而你只需要了解一些HTML、CSS、JS的知识即可。 以下网页复制自 WordPress 博客中的“Cheese List”。
地址：
4.2. 改进内容
当然，为了让网页更像网站，还需要添加404.html、favicon.ico、.htaccess、sitemap.html等内容。
必须要注意的是。
.txt、.css、.js 文本文件，以及 GitHub 上的.png、.jpg 等图像文件，缓存时间较长，至少需要 6 小时刷新。
可以先在本地调试，然后一次性全部上传。
或者将.css等内容写入index.html文件中，这样一分钟就刷新完毕。
4.3. 使用模板
如果您不知道如何编写网页代码，也没关系。 您可以从网上找到一些现成的模板来使用。 各行各业都有各种各样的网页模板。
例如，这是Cheese在2015年为推广RC Firefox而制作的网页。 （现在看来很尴尬！）
地址：
一些代码资料网站：
•
•
•
•
05
博客网站
如果您建站的目的是建立个人博客，可以使用成熟的博客程序，功能齐全。
5.1. 常用程序
常见的博客程序包括：Hexo、Jekyll 和 Hugo。
它们都是简洁高效的博客框架。 它们具备了博客应有的所有功能，并且都支持Markdown文档生成静态网页。
不同的是，Hexo是基于Node.js开发的，Jekyll是基于Ruby开发的，Hugo是基于Go语言开发的。
十六进制：
杰基尔：
雨果：
5.2. 奶酪推荐
在这三个应用程序中，我推荐用于奶酪的 Hexo 或 Hugo。
Hexo原生支持中文文档，对普通用户更加友好。
Hexo 也更快。 作者还表示，开发 Hexo 是因为 Jekyll 慢。
虽然Jekyll有GitHub支持，但Jekyll没有官方中文文档，在Windows上配置Ruby环境也比较麻烦。
Hugo 非常容易使用并且速度非常快。 它甚至声称是“世界上最快的”。
但工具软件的比较最终还是会落入生态的比较。 这取决于哪一个拥有更好的社区支持和丰富的插件主题库。
Hexo 和 Hugo 都可以做到。
5.3. 安装说明
Hexo的环境配置也非常简单。 Git 和 Node.js 也首先安装。
1.安装Git。
目的是为了方便上传文件到Github。 地址：
2. 安装 Node.js。
目的是在本地预览博客内容，方便调试。 地址：
可选：如果nmp下载速度慢，可以使用国内镜像代替。 安装后，所有npm命令都可以替换为cnpm。 [来源]
npm install -g cnpm --registry=https://registry.npmmirror.com3.安装Hexo。
由于原生支持中文文档，我们使用Hexo进行演示。 地址：
4.官方教程：
地址：
5.第三方教程：
•
•
六、专题推荐：
• NexT - Hexo 主题
• Fluid - Hexo 主题
