首页 > 其他分享 >2023-10-26 hexo部署到GitHub时css样式不生效 ==》 css文件链接被识别为不安全链接,导致无法生效

2023-10-26 hexo部署到GitHub时css样式不生效 ==》 css文件链接被识别为不安全链接,导致无法生效

时间:2023-10-26 23:45:15浏览次数:35  
标签:http awesome xxx https 生效 font 链接 css

hexo d一键部署后查看效果发现博客页面的样式全丢失了,查看控制台发现了端倪:

Mixed Content: The page at 'https://xxx.github.io/' was loaded over HTTPS, but requested an insecure stylesheet 'http://xxx.com/lib/font-awesome/css/font-awesome.min.css?v=4.6.2'. This request has been blocked; the content must be served over HTTPS.

意思就是GitHub账号:https://xxx.github.io是https头的,而css文件存储的路径 http://xxx.com/lib/font-awesome/css/font-awesome.min.css?v=4.6.2

http开头的,被认为是不安全链接,故而无法加载。

解决方案:在博客根目录中找到index.html文件,添加下面代码,用于强制把http转换成https:

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

 

标签:http,awesome,xxx,https,生效,font,链接,css
From: https://www.cnblogs.com/iuniko/p/17790777.html

相关文章

  • 主题 CSS 魔改版
    (Markdown格式贴近Typora的显示样式).blogpost-bodyblockquote{background-image:none;border-left:5pxsolid#e2dfdf;border-right:none;border-top:none;border-bottom:none;margin:10px0px;padding:8px15px;padding-top......
  • 需要使用WinDbg工具来分析windows系统产生的dump文件,此工具属于Windows SDK的一个组件
    需要使用WinDbg工具来分析windows系统产生的dump文件,此工具属于WindowsSDK的一个组件,在微软官方网站可以下载(链接)。 使用WinDbg分析Windowsdump文件方法_windbg分析dump文件_谁能懂我2011的博客-CSDN博客......
  • 软链接、硬链接
    https://mp.weixin.qq.com/s?__biz=MjM5Nzk1NzI2MQ==&mid=2649353722&idx=2&sn=31acc34f567c9fa3ced7cd451e98441a&chksm=becf561889b8df0ef65558380f8e198cc1a7a1998c8d803be9be2755714263fe4a4653953ea1&scene=27什么是链接链接简单说实际上是一种文件共享的方式,是POSIX中的......
  • 各种链接
    强化学习网站http://rail.eecs.berkeley.edu/deeprlcourse/https://spinningup.openai.com/en/latest/......
  • vite中使用scss导出变量到js/ts中作为变量使用
    定义scss定义一个scss文件,注意,这里的文件名要以module.scss结尾,不然会出现读写错误的问题。$background-color_hover:#e4e8ec;$background-color_chosed:#f44343;:export{bgc_hover:$background-color_hover;bgc_chosed:$background-color_chosed;}.modu......
  • 将CSS中的cellpadding和cellspacing设置为?
    内容来自DOChttps://q.houxu6.top/?s=将CSS中的cellpadding和cellspacing设置为?在HTML表格中,可以使用CSS设置cellpadding和cellspacing属性,如下所示:<style>table{cellspacing:1;cellpadding:1;}</style><table></table>这样就可以使用CS......
  • 微信小程序deep穿透样式不生效
    1.判断是否为自定义组件是自定义组件的话,直接加deep穿透样式是不生效的,需要在当前组件内添加以下代码:1//自定义组件2exportdefault{3name:"components1",4//复制下面这行options代码5options:{styleIsolation:'shared'},6props:{......
  • 2023各版本JDK下载链接
    JavaArchive|OracleJavaArchive|Oraclehttps://www.oracle.com/java/technologies/downloads/archive/ ......
  • WebStorm2023安装prettier并生效
    1.首先去File>Settings>Plugins里下载并install插件Prettier 2.在settings里搜索prettier,按图片所示设置一下Apply 3.在你需要的文件中按下快捷键Ctrl+Alt+Shift+L会弹出提示框,点Run即可 ......
  • css 内容只显示前5个字符
    使用CSS的text-overflow属性。.ellipsis{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:inline-block;max-width:5em;}先将white-space属性设置为nowrap,这样可以防止文本换行。然后将overflow属性设置为hidden,以便隐藏超过部分的文本......