博客升级成https记录

苹果公司要求开发者在2017年前全部采用HTTPS, 既然是这样我的博客也就顺势升级成https. 博客也已经从git page放到了自己服务器, 可玩性和可控性变高很多.

获取证书&部署

网上教程一大推, 我是参照ququ大神的这篇博客的,
穷屌丝没钱,只能用免费的https服务. 既然ququ大神都用了, 基本不会差到哪里去.

问题&解决

大神的博客写的非常详细, 基本上跟着流程走下来, 部署完成没什么问题的. 但是最后我发现我博客https://indexOf.site依旧打不开. 显示无法连接, 想了一会儿才想到, 我的服务器设置安全组.
https的默认端口是443, 而安全组我是没开443端口 TT. 打开443端口之后,果然能够访问了.

但是

怎么不是我心目中的小绿锁!!!怎么是灰色的???

点开chrome的提示,看到

可以很清楚的定位到问题Mixed Content,就是因为我站内有非https的内容。
我文章中的各种图片全是http的请求,虽然能访问到,但是不是小绿锁,心有不甘啊。

我之前写文章的时候没注意都是直接用ipic直接上传到新浪上的, 而新浪并不支持https。。。
没办法只能全部替换掉。
于是写了个脚本, 把每篇文章中的图片地址找出来, 然后下载图片,再上传到Ali oss上去。 最后替换文章中原来的图片地址。

做完这些之后, 刷新。

完美小的小绿锁就出现了。

总结

最后归纳下, 划下重点

  1. https默认走443端口
  2. 站内有http请求会有警告(但并不是不能访问)
  3. 七牛也不支持https的访问的。aliyun的oss可以。