Hexo之使用CodingPages,GitHub Pages实现全站Https

CodingPages

之前博客单线部署在Github Pages的时候，用的是cloudflare提供的SSL证书。但是cloudflare只能绑定一个CNAME记录（而且好像只能绑github.io？），所以后面双线部署（GitHub Pages+Coding Pages）后，cloudflare就不能用了。不过好在Coding Pages提供了通过Let’s Encrypt申请SSL证书进而开启全站HTTPs的方法。下面记录一下步骤~

步骤

1. 首先确保你的博客已经部署在Coding Pages上并且已经添加CNAME记录，不懂的先参照
2. 申请SSL证书 
   【注意：如果是Github+Coding双线部署，申请SSL证书前需要先将解析到github.io的CNAME记录暂停！！！不然Let’s Encrypt主机在验证域名所有权时会定位到Github Pages的主机上导致SSL证书申请失败】 
   
3. 等待10分钟左右申请成功
4. 强制开启Https 
   

后续

开启强制HTTPS访问后，网站内引用资源的URL必须以https:// 开头，避免引用资源加载失败。例如Css文件、JavaScript文件、Image文件。

 

 

GitHub Pages

就在前不久，GitHub Pages开放了自定义域名支持HTTPS。这意味着广大用GitHub Pages搭建个人博客的同学们有福了，不用再自己买证书或借用第三方服务，就能开启网址左边的小绿锁啦，非常省心。详细信息点我。

最后效果如图：

 

设置步骤根据你的自定义域名解析类型分为两种：1. CNAME，2. A。

1 CNAME

只需要在repositorys设置中开启Enforce HTTPS的选项即可。

若发现复选框为灰色开启不了，可以将Custom domain那一栏的内容删除置为空，点击save保存。再次填入你的自定义域名，点击save保存。会出现这样的提示：

说明你的证书还没发完，耐心等待即可。我等待了三天左右才成功，可能是现在申请的人太多。

2 A

A记录的话只需将解析的ip指向如下四个即可，问题官方链接。

185.199.108.153
185.199.109.153
185.199.110.153
185.199.111.153

其余的步骤和上面相似。