Github Pages 自定义域名启用 https

2018-05-12 更新

2018年5月1号,GitHub宣布支持自定义域名用HTTPS了。

使用方式大概就是更改一下DNS里A record指向的IP,设置为以下四个

185.199.108.153
185.199.109.153
185.199.110.153
185.199.111.153

然后在gh-pages的设置页面里把CNAME指向的域名删除,等几分钟后(等待github重新生成静态文件,不然会出问题)重新添加,然后等待github自动生成证书以后,就可以选中force HTTPS选项了。

force-https

方法

来源

  1. 注册 Cloudflare,这是一个为网站提供安全管理以及 DNS 解析之类服务的网站。使用免费 Plan 即可。
  2. 添加你的域名,一切都会自动执行。
    • 如果你已经有了 gh-pages,只需要迁移到 https 上,那么不需要另外的操作。
    • 如果没有配置好 gh-pages,那么你需要首先进行 CNAME 配置。
  3. 到域名注册服务商网站修改 DNS 为 Cloudflare 提供的网址。
  4. 在 Cloudflare 设置 DNS 解析服务。
  5. 打开 Cloudflare Settings 设置 SSL 为Flexible SSL
  6. 设置你的 Github Pages 启用 https。

设置 Github Pages

让搜索引擎知道

_config.yml里添加

url: https://yoursite.com
enforce_ssl: yoursite.com

在页面 html <head>里添加

<link rel="canonical" href="https://mickir.me/blog/https-github-pages-custom-domain.html" />

自动重定向到 https

<head>里添加

<script type="text/javascript">
    var host = "yoursite.com";
    if ((host == window.location.host) && (window.location.protocol != "https:"))
        window.location.protocol = "https";
</script>

其他

需要把所有引用的 js、img、css 等链接换成 https 或者直接用//domain.com/something这种写法。

原理

CloudFlare 会为你的网站添加一层缓存(http proxy),因此 https 是缓存到它的服务器上的内容的东西。具体可以看 CloudFlare SSL 选项含义


文章标题:Github Pages 自定义域名启用 https

文章字数:1178

本文作者:Mickir

发布时间:2017-03-20

最后更新:2018-05-12

原始链接: https://mickir.me/blog/https-github-pages-custom-domain.html

版权声明: "署名-非商用-相同方式共享 4.0" 转载请保留原文链接及作者。