GitHub Pages由于其免费,轻量,搭建方便等缘故已经成为很多coder搭建博客的首选方案。同时,GitHub Pages还支持自定义域名访问,这就让更多人有兴趣实用了。但,一旦你开启了自定义域名,通过自定义域名访问,不再是HTTPS了。这篇博客就是帮你实现自定义域名的HTTPS支持。
2018年05月18日 更新
据最新了解只要你域名CNAME到你的GitHub Page页面,github会自动给你申请一张你域名的Let’s Encrypt证书,而且你还可以在设置里开启强制HTTPS选项。
我们这里主要借助的是Cloudflare免费的CDN服务,让你的GitHub博客支持HTTPS。
我们可以先看一下最后成果。
轻轻松松获得一个A+。
准备
在开始之前,你需要先注册一个Cloudflare账号。
设置DNS
在你注册完成,登录后,Cloudflare会提示你添加自己的站点,如下图一样(如果没有,点击右上角 Add Site即可)。
填写后,Cloudfire会去查询你的DNS记录。
如果你的DNS解析服务没有设置成Cloudflare,Cloud会提示你改变你的DNS域名解析服务,如下所示。
接下来你只需要,将你的DNS解析服务换成Cloudflare给你的两个地址即可。
例如,我用的是阿里云,直接到阿里的域名管理,修改DNS即可。
完成后,你需要等待一段时间,Cloudflare提示或许需要24小时,我花了几个小时就OK了。
大概两三个小时后,你可以点击Recheck 查看一下是否成功了。
添加DNS记录
如下图所示,添加几条DNS记录,分别是
- CNAME: 将www.hslx.xyz ☞ hslx.xyz;
- A : 将 hslx.xyz ☞ github pages 的IP;
目前github pages 官方给出的IP有: * 185.199.108.153 * 185.199.109.153 * 185.199.110.153 * 185.199.111.153 (更新于2019/04/12)
设置HTTPS
如图,我们设置全站HTTPS。
开启http自动跳转到HTTPS。
同时,我们还需要设置一些页面规则,将所有该站点的资源全部走HTTPS。
到这里,你就全部配置好了。等待一段时间,当你的状态变成如下所示时说明你以成功设置。
赶快试试吧~