前言
之前使用博客使用gridea一键搭建的,之前不知道为什么有时候会格式错乱。这里我使用的是自己的绑定的个人域名,访问的时候总是会有格式问题,这里记录下自己的解决方法。
正文
访问时发现格式错乱,按f12检查一下。发现提示mix content了

我当时想的是格式混用,首先我先去看看了看仓库的文件是否存在http样式的,找遍了几个文件都没有,在网上搜索github page无法加载css的情况,发现都不是我遇到这个问题,这里思路错了,我有看了半天后来发现我这里输入的是https,但是之前根本没有配置证书,所以导致了这个情况,如果此时换成http是能够正常显示的但是现在你输入域名浏览器搜索默认都是https的,所以我想把我的域名改成https服务,如果你搜用github搭建自定义域名如何使用https
网上的方案有很多,主流的就是使用cloudeflare方案(见参考资料),但是现在也能使用github自带认证。大致流程如下
1获取域名
2配置dns
3配置Github
获取域名
这里就不展开讲了,国内国外很多平台都可以买域名,结合自己的预算选择一个合适的就行。国内对于域名审核比较严格,需要实名备案,如果不想麻烦可以看看出去看看
配置dns
在你的域名管理界面(如GoDaddy、Cloudflare等),为你的自定义域名添加4条A记录,IP地址分别为185.199.108.153、185.199.109.153、185.199.110.153和185.199.111.153。这里每一个厂商的界面会有细微差异,但是内容应该是一样的
类型 | 名称 | 值 |
---|---|---|
A | @ | 185.199.108.153 |
A | @ | 185.199.109.153 |
A | @ | 185.199.110.153 |
A | @ | 185.199.111.153 |
CNAME | www | jasunzhang.github.io |
稍等一会等域名解析生效,接下来去 GitHub 配置。
配置Github
在custom name填入你注册的域名后 Save
,等待几小时生成证书,然后在下边处勾选 Enforce HTTPS
。网上很多教程都提示需要配哦之cname,但是我这里他自动生成了(应该是gridea生成的)

接下来就是等待github给我们申请了。

等它加载完成以为一切都好了,结果是输入发现还是有一个css文件未加载(这里按理说应该不会出现这种情况,可以弄好了之后把cookie清理下)

如果清理后还是有这个情况,可以试试这个方案
(在index.html的head中加入以下代码)
<meta http-equiv="Content-Security-Policy" content="upgrade-insecure-requests" />
加入该标签的原理是使用META标签强制将http请求转成https(SSL协议)请求(这里不知道一开始就修改能不能行)

ok正常了
参考资料
为GitHub Pages自定义域名并添加SSL-开启https强制
GitHub Pages 绑定个人域名,免 Cloudflare 支持 HTTPS
解决Mixed Content: The page at ‘https://xxxx‘ was loaded over HTTPS..