写在前面

网上许多关于 GitHub Pages 的教程文章由于年代久远，内容早已不再适用。我觉得也有必要写一篇文章来介绍如何以正确的姿势创建 GitHub Pages 仓库，并绑定自定义域名。

需要提醒的是，GitHub Pages 不是诸如 VPS 的服务器，它仅支持静态网页（HTML 等）而不支持 PHP 等服务器语言。

[warning]

在开始之前，你需要：

1. 拥有 GitHub 账号；
2. 拥有一个域名；
3. 在电脑中安装并配置好 Git。

[/warning]

建立 GitHub Pages

一、创建 GitHub 仓库

打开 GitHub 页面，点击【New repository】创建一个新的仓库。仓库名称必须是“<用户名>.github.io”，其中用户名必须严格匹配你 GitHub 账号的用户名。其它设置保持默认即可。

二、用 Git 创建第一个页面

1. 在本机运行 Git Bash，然后切换到一个目录。待会要把仓库克隆到这个目录。

2. 执行以下命令。注意替换成你的 GitHub 用户名：

[code lang="bash"]$ git clone https://github.com/<用户名>/<用户名>.github.io[/code]

3. 可以开始创建第一个网页文件了。执行以下命令：

[code lang="bash"]
$ cd <用户名>.github.io
$ echo 'It works!' > index.html
[/code]

4. 推送到 GitHub 仓库。

[code lang="bash"]
$ git add . # 不要漏掉最后这个小数点
$ git commit -m "Initialization"
$ git push -u origin master
[/code]

第 3、4 步要执行的命令在下图中用红色箭头标注出来了：

检验你的 Pages

访问 https://<用户名>.github.io，已经可以打开网页了！

本文地址： https://www.jeddd.com/article/github-pages-with-domain.html

绑定自定义域名

网上很多教程叫你创建 CNAME 文件，现在已经不需要再用这种方式了。请跟随以下教程。

修改 Pages 设置

1. 进入你创建的 <用户名>.github.io 仓库，进入【Settings】。

2. 向下翻，找到设置中的“GitHub Pages”一栏，将自定义域名填入“Custom domain”选项。

提示：若未填写协议头，则默认为 HTTP。当然你也可以填写 HTTPS 域名。

修改域名 DNS

有些教程要求修改好几个 DNS 记录，那是不正确的。实际上只需要添加 1 个 CNAME 记录就够了。

为域名添加一个 CNAME 解析，记录值填写“<用户名>.github.io”。

访问新域名，成功！

如果无法访问，请等待 DNS 生效。

提示：Chrome 从 68 版本开始，所有 HTTP 网站会被标记为不安全。如果有能力申请证书，建议启用 HTTPS。