Github Blog 绑定二级域名并开启 HTTPS

亦凉 2023-05-22 22:03 18阅读 0赞

## 1. 创建 github 仓库 ##

通常使用 GithubPages 创建个人主页需要创建一个与用户名同名的 `XXX.github.io` 仓库

以我的博客为例，创建一个新仓库 `wangriyu.github.io`，上传网页文件，然后在仓库设置里开启 GitHub Pages 功能

此时应该能够在浏览器中输入 [http://www.hory-ai.com][http_www.hory-ai.com] 访问自己的网页了

而且 GithubPages 默认开启 HTTPS

## 2. 绑定自定义域名 ##

到 [万网][Link 1] 上买个喜欢的域名，比如我买了 `wangriyu.wang`(可惜买不到 `riyu.wang`)

到上面的仓库目录下添加 `CNAME` 文件，里面的内容就是我的域名，比如我的就写了二级域名 `blog.wangriyu.wang`

此时 Github Pages 看起来是这样的

[![image][]][image 1]

`Enforce HTTPS` 选项显示 `Unavailable for your site because you have a custom domain configured`

自定义域名不提供 HTTPS 服务

此时还无法访问 [http://www.hory-ai.com][http_www.hory-ai.com], 需要到 DNS 服务商那配置 DNS 解析，比如阿里云的即可

## 3. 配置 DNS 解析 ##

打开 [阿里云的域名控制台][Link 2]，点击自己域名的解析按钮进入 DNS 设置页，添加解析:

[![image][image 2]][image_image 2]

*  记录类型中 A 类填的是 IP 地址，CNAME 类填的是域名，我们需要把 wangriyu.github.io 转向 blog.wangriyu.wang, 所以填 CNAME
 *  主机记录填二级域名即可，'@' 值代表一级域名，更多选项见阿里云说明
 *  解析路线填默认即可，如果分国内国外需要另外选择使其能够根据国内外 IP 解析到不同地址
 *  记录值就是我们的原域名 wangriyu.github.io，如果记录类型是 A 类这里需要填 IP 地址 (可以 PING 一下得到)

等待 DNS 生效即可通过 [http://www.hory-ai.com][http_www.hory-ai.com] 访问自己的网页了，而且原本的 [http://www.hory-ai.com][http_www.hory-ai.com]  
也会重定向到自定义域名上

DNS 解析这里我用了二级域名 blog 访问博客，还可以添加别的二级域名，比如我用了 home 访问我的另一个仓库 [https://github.com/wangriyu/homepage][https_github.com_wangriyu_homepage]

只要在新的仓库根目录下添加 `CNAME` 文件并写入添加的有效二级域名 (home.wangriyu.wang), 再开启 GithubPages 功能即可访问另一个主页

## 4. 实现自定义域名 HTTPS ##

### 到 [CloudFlare][] 注册一个账号，注册成功后在返回的页面中添加域名 (一级域名 wangriyu.wang)，点击扫描 DNS 记录 ###

[![image][image 3]][image_image 3]

### 添加域名解析 ###

如果 DNS 扫描不到你的解析记录，可以手动添加，与上面的添加方法类似

[![image][image 4]][image_image 4]

### 修改域名服务器 ###

我用的是万网的 DNS，所以现在要在万网的域名控制台将 DNS 服务器修改至 CloudFlare 提供的域名服务器

[![image][image 5]][image_image 5]

进入万网的域名控制台，点击域名的管理按钮，修改域名 DNS 为 CloudFlare 提供的

[![image][image 6]][image_image 6]

### 回到 CloudFlare 页面，设置 SSL 为 Flexible ###

[![image][image 7]][image_image 7]

### 添加路由重定向规则 ###

在 `Page Rules` 里使用通配符将路由重定向到 HTTPS 的链接

[![image][image 8]][image_image 8]

待设置生效后再访问 [http://www.hory-ai.com][http_www.hory-ai.com 1] 就会变成 https 了

具体原理如图，cloundflare 访问原网址的服务器获取储存原网页文件，用户再访问 cloundflare 的加密连接  
如果在控制台中 Ping 一下 CloudFlare 代理前后的网址就会发现博客 ip 变了

[![image][image 9]][image_image 9]

除此之外，在 CloudFlare 控制台中还提供了很多服务，比如 js、html 等静态文件压缩，设置浏览器缓存过期时间，  
清空 CloudFlare 服务器缓存 (强制刷新资源，避免原网页更新用户访问的还是旧资源) 等等

更多技巧见文章: [十个你可能不知道的 CloudFlare 免费 CDN 加速技巧 -SSL\\DDOS\\Cache][CloudFlare _ CDN _ -SSL_DDOS_Cache]

cloundflare 的服务很适合博客这样的静态网页，也弥补了 GithubPages 的不足

[https://github.com/wangriyu/wangriyu.github.io/issues/6][https_github.com_wangriyu_wangriyu.github.io_issues_6]

[https://dash.cloudflare.com/a4478cfcd466818be3094caea229dffa/hory-ai.com][https_dash.cloudflare.com_a4478cfcd466818be3094caea229dffa_hory-ai.com]

[http_www.hory-ai.com]: http://www.hory-ai.com/
[Link 1]: https://wanwang.aliyun.com/
[image]: https://imgconvert.csdnimg.cn/aHR0cHM6Ly9jYW1vLmdpdGh1YnVzZXJjb250ZW50LmNvbS9mYjc0ZjY2NjJhOWY5ZGRkMjJjMWI5MTE3ZGYzN2M0MjkwZmE2NWE2LzY4NzQ3NDcwNzMzYTJmMmY3MzcyNjMyZTc3NjE2ZTY3NzI2OTc5NzUyZTc3NjE2ZTY3MmY2OTZkNjE2NzY1NzMyZjYyNmM2ZjY3MmY2NzY5NzQ2ODc1NjI3MDYxNjc2NTczMmY2NzY5NzQ2ODc1NjI3MDYxNjc2NTczMmU3MDZlNjc?x-oss-process=image/format,png
[image 1]: https://camo.githubusercontent.com/fb74f6662a9f9ddd22c1b9117df37c4290fa65a6/68747470733a2f2f7372632e77616e67726979752e77616e672f696d616765732f626c6f672f67697468756270616765732f67697468756270616765732e706e67
[Link 2]: https://home.console.aliyun.com/new#/
[image 2]: https://imgconvert.csdnimg.cn/aHR0cHM6Ly9jYW1vLmdpdGh1YnVzZXJjb250ZW50LmNvbS9jOWUwM2VjZDk0YmUwZjJkNzEzMmViYjAyNjRkMjFhN2JiMzJiMThjLzY4NzQ3NDcwNzMzYTJmMmY3MzcyNjMyZTc3NjE2ZTY3NzI2OTc5NzUyZTc3NjE2ZTY3MmY2OTZkNjE2NzY1NzMyZjYyNmM2ZjY3MmY2NzY5NzQ2ODc1NjI3MDYxNjc2NTczMmY0NDRlNTMyZTcwNmU2Nw?x-oss-process=image/format,png
[image_image 2]: /images/20230521/bfa99bcdd24044c686f1e81fb201417d.png
[https_github.com_wangriyu_homepage]: https://github.com/wangriyu/homepage
[CloudFlare]: https://www.cloudflare.com/
[image 3]: https://imgconvert.csdnimg.cn/aHR0cHM6Ly9jYW1vLmdpdGh1YnVzZXJjb250ZW50LmNvbS9hOWNhMzFjOTJhZmI5MWM3ZTdlMDVmNDc1MTEzYjM0NjI2MjkyZDNmLzY4NzQ3NDcwNzMzYTJmMmY3YTY4NmY3NTY4NjE2ZjJlNmQ2NTJmNjk2ZDY3MmY2ODc0NzQ3MDczNWYzMjMwMzEzNzMwMzczMjMxNWYzMzJlNzA2ZTY3?x-oss-process=image/format,png
[image_image 3]: https://camo.githubusercontent.com/a9ca31c92afb91c7e7e05f475113b34626292d3f/68747470733a2f2f7a686f7568616f2e6d652f696d672f68747470735f32303137303732315f332e706e67
[image 4]: https://imgconvert.csdnimg.cn/aHR0cHM6Ly9jYW1vLmdpdGh1YnVzZXJjb250ZW50LmNvbS8xMTQwMzc4ODUzNTM3MjFjMDVhYmMwZWEwYjBmMWYzZTI5OTkzYTcwLzY4NzQ3NDcwNzMzYTJmMmY3MzcyNjMyZTc3NjE2ZTY3NzI2OTc5NzUyZTc3NjE2ZTY3MmY2OTZkNjE2NzY1NzMyZjYyNmM2ZjY3MmY2NzY5NzQ2ODc1NjI3MDYxNjc2NTczMmY2MzZjNmY3NTZlNjQ2NjZjNjE3MjY1MmU3MDZlNjc?x-oss-process=image/format,png
[image_image 4]: /images/20230521/54c10b77ce5549a1826de3620b3a8077.png
[image 5]: https://imgconvert.csdnimg.cn/aHR0cHM6Ly9jYW1vLmdpdGh1YnVzZXJjb250ZW50LmNvbS9lZGMwZjYyMTEyNDA1YzFiZTdlZmE0MzgyOGI4ZDUxYWIwYWE4MWI0LzY4NzQ3NDcwNzMzYTJmMmY3MzcyNjMyZTc3NjE2ZTY3NzI2OTc5NzUyZTc3NjE2ZTY3MmY2OTZkNjE2NzY1NzMyZjYyNmM2ZjY3MmY2NzY5NzQ2ODc1NjI3MDYxNjc2NTczMmY2ZTYxNmQ2NTczNjU3Mjc2NjU3MjJlNzA2ZTY3?x-oss-process=image/format,png
[image_image 5]: /images/20230521/4aecaf41ded94ab8a13108c05ffe17fd.png
[image 6]: https://imgconvert.csdnimg.cn/aHR0cHM6Ly9jYW1vLmdpdGh1YnVzZXJjb250ZW50LmNvbS85NTMxMWM4Y2Q5NjNlN2U0MGE5ZDI2OWZiNjU3MjFjYjkyNzJhYmFmLzY4NzQ3NDcwNzMzYTJmMmY3YTY4NmY3NTY4NjE2ZjJlNmQ2NTJmNjk2ZDY3MmY2ODc0NzQ3MDczNWYzMjMwMzEzNzMwMzczMjMxNWYzNjJlNzA2ZTY3?x-oss-process=image/format,png
[image_image 6]: https://camo.githubusercontent.com/95311c8cd963e7e40a9d269fb65721cb9272abaf/68747470733a2f2f7a686f7568616f2e6d652f696d672f68747470735f32303137303732315f362e706e67
[image 7]: https://imgconvert.csdnimg.cn/aHR0cHM6Ly9jYW1vLmdpdGh1YnVzZXJjb250ZW50LmNvbS85N2M3NTI0ZWY4Y2M2ZTUyYjczNWJhOWM1MTc5ZjAyMTBmMzhjMGU0LzY4NzQ3NDcwNzMzYTJmMmY3YTY4NmY3NTY4NjE2ZjJlNmQ2NTJmNjk2ZDY3MmY2ODc0NzQ3MDczNWYzMjMwMzEzNzMwMzczMjMxNWYzNzJlNzA2ZTY3?x-oss-process=image/format,png
[image_image 7]: https://camo.githubusercontent.com/97c7524ef8cc6e52b735ba9c5179f0210f38c0e4/68747470733a2f2f7a686f7568616f2e6d652f696d672f68747470735f32303137303732315f372e706e67
[image 8]: https://imgconvert.csdnimg.cn/aHR0cHM6Ly9jYW1vLmdpdGh1YnVzZXJjb250ZW50LmNvbS84MmI1ODQ4YTE5MjIxMmViODNhZDhlYWJmMzA5OTdiYmE3OTBkZjZiLzY4NzQ3NDcwNzMzYTJmMmY3MzcyNjMyZTc3NjE2ZTY3NzI2OTc5NzUyZTc3NjE2ZTY3MmY2OTZkNjE2NzY1NzMyZjYyNmM2ZjY3MmY2NzY5NzQ2ODc1NjI3MDYxNjc2NTczMmY3MDYxNjc2NTcyNzU2YzY1NzMyZTcwNmU2Nw?x-oss-process=image/format,png
[image_image 8]: https://camo.githubusercontent.com/82b5848a192212eb83ad8eabf30997bba790df6b/68747470733a2f2f7372632e77616e67726979752e77616e672f696d616765732f626c6f672f67697468756270616765732f7061676572756c65732e706e67
[http_www.hory-ai.com 1]: http://blog.wangriyu.wang/
[image 9]: https://imgconvert.csdnimg.cn/aHR0cHM6Ly9jYW1vLmdpdGh1YnVzZXJjb250ZW50LmNvbS8zNmFhMTZiZTQ3OTRiOTg3ZTdkMzMzYjBhMTA3OTU0NDI0NjJkYmUzLzY4NzQ3NDcwNzMzYTJmMmY3MzcyNjMyZTc3NjE2ZTY3NzI2OTc5NzUyZTc3NjE2ZTY3MmY2OTZkNjE2NzY1NzMyZjYyNmM2ZjY3MmY2NzY5NzQ2ODc1NjI3MDYxNjc2NTczMmY0NjZjNjU3ODY5NjI2YzY1NTM1MzRjMmU3MDZlNjc?x-oss-process=image/format,png
[image_image 9]: /images/20230521/bea022d642f648fba96e24b660d0d5a7.png
[CloudFlare _ CDN _ -SSL_DDOS_Cache]: https://wzfou.com/cloudflare/
[https_github.com_wangriyu_wangriyu.github.io_issues_6]: https://github.com/wangriyu/wangriyu.github.io/issues/6
[https_dash.cloudflare.com_a4478cfcd466818be3094caea229dffa_hory-ai.com]: https://dash.cloudflare.com/a4478cfcd466818be3094caea229dffa/hory-ai.com