GitHub Pages 快速搭建自己的网站 ！

如何利用 GitHub Pages 快速搭建自己的网站 ？

1. 注册登陆 GitHub

Github

2. 创建一个 Repository

名称位置随意，然后点击创建
注意：Repository 必须是公开 Public 的，不能是私人仓库（私人仓库需要升级 GitHub Pro （$4 / month） 才能使用 GitHub Pages

3. 回到 Repository 页面，点击右上角的 Setting

找到 GitHub Pages 的配置项

然后点击 Change theme ，选择其中一个主题作为默认网站


然后正常 commit change 即可 ！

4. 然后就可以访问你的网站啦

访问地址例子：https://username.github.io/repository/
username 为你的 GitHub 名字，repository 是你刚刚新建的仓库名称
也可以通过刚才的 Setting 进去找到 GitHub Pages 也有访问地址

如果想要使用自己的域名，请往下看

5. 将 GitHub pages 解析到自己的域名

在上面所建的 Repository 中新建一个 CNAME文件，内容输入自己的域名，例如 test.com

文件列表如下：除了 CNAME 的文件其他是上面选择的默认主题网站文件

然后回到 GitHub Pages 选项，可以看到你的 GitHub Pages 访问地址已经解析到你的域名了

到此，还不能通过域名访问你的 GitHub Pages，还需要配置你的域名 DNS 解析到 github.io。

6. 配置域名 DNS 解析

这里以在阿里云购买的域名作为例子说明，进入到域名控制台，点击域名解析

进入到域名解析配置，添加解析记录

添加记录注意：

1. 记录类型选择 CNAME
2. 主机记录填写你的访问地址，例如你的 blog.test.com，其中 test.com 为你的域名，这里例子填写 www.test
3. 记录值填写 username.github.io username 是你的 GitHub 名字
4. TTL 默认即可
5. 点击保存
   
   另外还需要解析 GitHub Pages io 的 IP，选择下面其中一个即可

185.199.108.153 
185.199.109.153 
185.199.110.153 
185.199.111.153 

如下：

后等待 DNS 解析完毕和GitHub 颁发TLS 证书即可通过你的自定义地址访问你的 GitHub Pages !

7. 配置你的网站

如果访问你的自定义地址出现404无法访问的情况的话，请看下去↓

出现这个页面的原因是你访问的是根URL，例如 www.test.com，这种情况可以先在 Repository 根目录下新建一个 index.html 文件作为测试，然后重新访问 www.test.com 就可以啦！

7.1 关于证书和 Https 的访问

在 GitHub Page 配置中 选择 Enforce Https 可以通过 Https 协议访问你的地址，该操作需等待证书下发完毕后进行

再次通过 https 访问你的网站，可以看到证书已经有了 ~ 😊

7.2 关于使用 Https 访问后显示站点不安全的问题

解决方法：

1. 这种情况可能和你的Host GitHub DNS 解析有关，可以尝试修改电脑 host 文件中关于GitHub 的 DNS 解析配置
2. 手动添加信任证书
3. 重新做一遍试试 😳

仅供参考，谢谢围观 😄

---

外卖神器来啦，叫外卖，先领券！！还有返利哟~