如何用 Github Pages 免费部署静态站点

最低成本部署静态网站

所谓静态网站，是指它所有内容都是静态的，即预先编写好并存储在服务器上，访问者获取到的是事先准备好的静态文件。

所以完全不需要购买服务器，除了域名之外，几乎不会有其他花销。

我在构建五个静态站点的过程中，积累了大量经验，本篇文章将总结这些经验，完整地介绍如何用 Github Pages 免费部署网站，并说明其中的技术原理。

Github 建仓库

首先在 Github 上新建一个代码仓库，用于托管网页代码，仓库的命名规范为：

<your-username>.github.io

以我的个人 github 账号 feelang 为例，仓库名称就是 feelang.github.io。

当然，无论是个人账号还是组织账号，都可以创建这种仓库。

使用静态网站生成器建站

静态网站生成器是一种工具或框架，用于创建静态网站。

静态网站是由预先生成的 HTML、CSS 和 JavaScript 文件组成的网站，这些文件在部署之前就已经生成好，并且在用户访问时直接提供这些静态文件，而无需动态生成页面内容。

静态网站生成器的工作流程通常包括以下步骤：

1. 内容编写：使用文本编辑器或内容管理系统（CMS）编写网站的内容，例如使用 Markdown 或 HTML 编写文章、页面等。
2. 模板设计：定义网站的整体布局和样式，通常使用模板语言编写，以便在生成过程中将内容填充到相应位置。
3. 静态网站生成：运行静态网站生成器，它会读取内容和模板，并根据设定的规则和配置生成静态网站的文件。
4. 部署：将生成的静态文件上传至服务器或托管平台，使其可通过网址访问。
</