自定义域名Github Page 博客Hugo配置 https

之前看到很多人用 Cloudflare 来配置,一直不想弄,今天刚好有空,就准备尝试一下。

然后一顿搜索之后发现,Github 自己已经支持了 https 了

准备一顿操作试试

开启 Enforce HTTPS

打开 Github Page 对应的 repo,找到 setting,,

然后往下翻,找到了 Github Page 选项。

我这图是已经配置好的,一般你会发现,你的选项根本点不了。

把 Custom domain 的域名删除,点击save

把刚刚删除的域名重新填进去 Custom domain,点击save

这个时候你会发现,还是无法启用,不过后面有一行小字

Unavailableforyour site because your domain is not properly configured to support HTTPS

还是有解决办法

修改你的域名解析A记录,修改为以下任一个

185.199.108.153

185.199.109.153

185.199.110.153

185.199.111.153

等它生效之后,再来一次 删除-重填 Custom domain

这个时候,会发现后面的一小行小字变成了

Not yet availableforyour site because the certificate has not finished being issued

当然了,这个时候还是 不能启用的。

等了一段时间(我忘记我等了多久,一个小时以内吧)

就可以启用了。

启用之后你就能看到

Your site is published athttps://custom.domain的字样了。

启用完成之后,直接访问博客 https 域名,尴尬,可以访问了,但是样式都乱了。

解决https访问样式混乱的问题

我用的博客程序是 Hugo, 样式混乱的原因是https站点使用了 http的资源,查看了下源代码,发现

这个只是 css,还有js的链接都是 http 的,那就动手改吧。

找到主题对应的源代码

发现并不是写死的,那应该是可以配置的了。

在 hugo 项目根目录找到 config.toml 文件

编辑文件,把 baseurl 修改为 https 的

然后push , 再使用的 https:// 访问博客,样式就不会乱了。

但是!浏览器居然没有小绿锁!

很不舒服啊,不如不要。

既然弄了,就送佛送到西吧

解决https 证书无效的问题

我什么都没做,过了半个小时不到,就有小绿锁了。

亲测完成。

  • 发表于:
  • 原文链接https://kuaibao.qq.com/s/20190105G07G1M00?refer=cp_1026
  • 腾讯「云+社区」是腾讯内容开放平台帐号(企鹅号)传播渠道之一,根据《腾讯内容开放平台服务协议》转载发布内容。

扫码关注云+社区

领取腾讯云代金券