这是转载文章。


为什么要使用 HTTPS 协议呢?

  • 在浏览器和网站之间提供更安全的通讯
  • HTTPS 比 HTTP 的速度更快
  • 能提高搜索引擎的优化排名

HTTPS 协议的网站在地址栏前会有绿色锁的图标,感觉有点逼格,就冲着这点,果断 HTTPS 走起。

Github Pages 本身支持 HTTPS,但仅支持 github.io 域名。如果绑定了自己的域名,就不支持 HTTPS 了。幸运的是,CloudFlare 提供免费的启用 HTTPS 的解决方案。

接下来就开始进入主题。

步骤一:配置 Github Pages

这里就默认大家已经有 Github Pages 仓库了。如果不太清楚怎么创建的,可以先搜索一下教程。

在 Github Pages 仓库的根目录下新建一个 CNAME 文件,文件内容就是我们要绑定的域名,这一步可以直接在设置面板里配置,保存好之后回到仓库主页就能看到刚才添加的 CNAME 文件

步骤二:注册 CloudFlare 账号,添加我们的域名

注册成功后在返回的页面中添加域名,点击扫描 DNS 记录,等待大约一分钟之后继续下一步。

注意:输入的域名不需要带 www 前缀。例如:zhouhao.me

步骤三:添加域名解析

CNAME 被称为规范名字,能将域名解析到另一个域名。本例中,我们将自己的域名重定向到 Github Pages URL。

然后下一步选择免费的 CloudFlare Plan。

接下来,修改域名服务器。因为我用的是万网的 DNS,所以现在要在万网的域名控制台将 DNS 服务器修改至 CloudFlare 提供的域名服务器。

步骤四:设置 SSL 为 Flexible

步骤五:添加路由重定向规则

使用通配符将路由重定向到 HTTPS 的链接。本例中将路由设置为:http://*zhouhao.me/*,协议设置为:Always Use HTTPS

总结

至此,Github Pages 绑定的自定义域名启用 HTTPS 协议就完成了,打开自己的 Github Pages 主页就能看到启用 HTTPS 的域名。

参考资料

  1. https://zhouhao.me/2017/07/21/using-https-with-custom-domain-name-on-github-pages/

茶歇驿站

一个可以让你停下来看一看,在茶歇之余给你帮助的小站,这里的内容主要是后端技术,个人管理,团队管理,以及其他个人杂想。

茶歇驿站二维码 打赏