Mixed Content: The page at ‘https:...‘ was loaded over HTTPS, but requested an insecure script ‘http

这篇博客探讨了在使用Hugo构建个人博客时,样式加载失败的问题。主要原因是浏览器阻止了HTTPS页面加载HTTP的脚本,导致样式无法正常显示。解决方法包括将HTTP请求升级为HTTPS,检查并修正baseURL配置,以及确保正确部署public文件夹内容。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

关于hugo样式加载不了的原因

今天把个人博客上传github预览时发现样式没了,打开控制台发现请求被拦截。
在这里插入图片描述

情况1’ 浏览器不允许在https页面里嵌入http的请求,现在高版本的浏览器为了用户体验,都不会弹窗报错,只会在控制台上打印一条错误信息。

解决方法:
(1)将调用的http请求升级成https请求

<meta http-equiv="Content-Security-Policy" content="upgrade-insecure-requests">

(2)或者将http改为https,发现运行时竟然还是http(转情况3)
请添加图片描述
情况2’ 配置项的baseURL配置错了
将配置项config.yaml的baseURL改为https

baseURL: "https://lixueqin-4119.xyz/"  //https

情况3’ 记住,你要部署的是public
而不是部署lixueqin-4119.github.io-creator
解决:每次修改文件后,要先hugo,再cd public,最后git一套。

hugo
cd public
git一套
git remote add origin git@github.com:lixueqin-4119/lixueqin-4119.github.io.git
git push -u origin master
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

老老老老李

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值