自定义域名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 证书无效的问题

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

亲测完成。