为Github Pages博客添加SSL支持

Published: 2015-12-29

Tags: 博客配置

本文总阅读量

总是看到人们讨论网站上https什么的,以前用VPS搭建博客的时候看到SSL需要各种配置,证书也蛮贵的,就望而却步。如今博客搬家到Github Page,本就是没打算再折腾,但是随手一搜,还能在Github Pages上用到免费的SSL,这挺有趣。索性再折腾折腾

https://blog.ishell.me/

  • 首先应该拥有了一个Github Pages博客,它的访问地址是这样的(sincerefly.githut.io)
  • 如果想拥有自己的域名,那么需要购买一个域名,在域名服务商那里设置nameserver,通常域名服务商的nameserver不是那么好用
  • 想要让网站拥有免费的SSL,需要clouldflare服务商的服务,所以先得注册个帐号,将nameserver设置成clouldflare提供的地址
  • 稍等片刻,在cf的界面应该就看到添加成功了,之后设置一个blog.ishell.me的CNAME类型指向到sincerefly.github.io
  • 在页面最上一排有Overview, DNS, Crypto等,进入Crypto,将SSL选项设置为“Flexible”,这个的意思是访客到cf的过程是加密的,而cf到github pages不是加密的
  • 将配置文件_config.yml,添加 url: https://blog.ishell.meenforce_ssl: blog.ishell.me(我这里的程序是Hexo)
  • 好了,还是很容易的,不过现在的网站访问带有https的时候会是红色,因为cf配置证书需要点时间,一个小时到几个小时不等
  • 这段时间也别闲着,将博客的图片连接http://都换成//吧(如果图片托管支持https的话),而且引用的各种js,css文件,也需要这样修改,当这些都搞定,才能解锁出这个绿色的小锁头,否则是灰色的,还有个黄色的小圆点,强迫症肯定受不了