GitHub Pages 对自定义域名支持 HTTPS

GitHub Pages Blog 原文:Custom domains on GitHub Pages gain support for HTTPS

在 2018-05-01,GitHub Pages 官方发布了上面的一篇 Blog,告知我们 GitHub Pages 对自定义域名支持 了 HTTPS ,下面针对此新特性来做个简单的说明并提供详细的开启操作流程。

  • 好处

简单来说,除了 HTTPS 自身带来的加密、防劫持等特性外,Github 官方基于 HTTPS 配合 CND,使得网站的加载速度更快,还能提供额外的防御 DDoS 攻击的保护。

  • 操作流程

本文以项目 https://github.com/jv0id/jv0id.github.io 和域名 8void.cn{:target="_blank"} 为例。

操作流程:

  • 域名解析

GitHub Pages 项目设置

添加 CNAME 文件

配置自定义域名

域名解析

开启 Github Pages 之后,会有一个默认的二级域名作为访问地址,一般是和项目同名,比如我的这个项目的默认二级域名访问地址是 http://jv0id.github.io 。知道这个之后,我们对域名进行解析操作:

  • 我们添加一条 CNAME 解析:

主机记录(Host) 记录类型(Type) 记录值(Values)

@ CNAME jv0id.github.io

或者:

www 等任意值 CNAME jv0id.github.io

上面提供了2个例子,第一个是你想使用 8void.cn 来访问你的博客,第二个就是 www.8void.cn 来访问,这里要和 GitHub Pages 项目设置 里的 CNAME 文件的内容要对应,后面会说。

解析生效后,可以尝试访问来查看是否解析成功,直接访问 http://8void.cn ,如果是 Github Pages 的 404 界面,说明解析成功了。

  • Github Pages 项目配置

大家可以参考 我的项目 ,它的根目录里有个 CNAME 文件,文件的内容是和上面的域名解析对应的。

即如果使用 @ 值 CNAME 到 jv0id.github.io,则文件的内容为 8void.cn ;

如果使用 www 任意值 CNAMEjv0id.github.io,则文件的内容应为 www.8void.cn

添加完成后,项目根目录有了此文件,下面去项目的 settings 看一下。

在 GitHub Pages 选项卡下能看到:

Your site is published at http://likfe.com/
Custom domain
Custom domains allow you to serve your site from a domain other than jv0id.github.io. Learn more.
8void.cn

正常情况下是这样了,你勾选 enforce HTTPS 开启强制跳转到 HTTPS 即可,相应的Github Pages 的内容会变成:

Your site is published at https://8void.cn/

那么如果如果之前已经开启了自定义域名, enforce HTTPS 无法勾选且怎么办?

按照官方提示,进行如下操作:

Custom domain 中的值清空,并点击 Save 进行保存;

Custom domain 中的填入之前清空的值,我这里是 likfe.com ,填入后点击保存;

尝试在浏览器里主动访问 https://8void.cn ,地址要根据自己的情况,注意协议类型是 https,正确情况下是能正常访问的;

刷新项目设置页,如果 enforce HTTPS 可勾选,勾选即可;

如果 enforce HTTPS 不可勾选,并且提示 Not yet available for your site because the certificate has not finished being issued,说明证书尚未申请完成,等待一天即可。

注意,如果使用 Chrome 访问 https://8void.cn 地址栏左侧仍未出现小绿锁,请检查自己的网站引用的资源文件有没有使用了 http 协议,请替换成相应的 https 资源。