【halo博客】记录下网站加SSL后CSS文件不生效
侧边栏壁纸
博主头像
李沐恒博主等级
UID:8888888

  • 累计撰写 18 篇文章
  • 累计创建 4 个标签
  • 累计收到 3 条评论
    love love love

标签搜索

目 录CONTENT

文章目录

【halo博客】记录下网站加SSL后CSS文件不生效

李沐恒
2023-10-06 / 0 评论 / 0 点赞 / 128 阅读 / 549 字 / 正在检测是否收录...

【halo博客】记录下网站加SSL后CSS文件不生效

写在前面
网站刚起步,添加友联的时候,@福福不服 给咱提供了一个建议
oHK8O1.png
咱灵机一动,对啊,看着大家都有HTTPS,咱没有也是心里痒痒的,随即开始着手这件事,由于我是小白,可能写的有些基本,大佬勿喷~

如果有CDN加SSL后一定要去CDN网站开启HTTPS加速,否则网站会打不开哦~

又拍云为例
8
添加证书和下方添加宝塔证书方法一样,请参考食用~
9

1)如何给网站加SSL

  1. 服务器搭建了宝塔面板,网站可以一键部署SSL
    1
    3
    2

PS.比较推荐宝塔一键部署,免费快捷,Let’s Encrypt 有些站点会收费,比如西部数码,1元1年,实际是免费的,不要被坑了👋

2)我在别的网站上申请了SSL,如何添加在宝塔上

在你申请对应的网站上下载好SSL证书(这里以西部数码举例)
登录西部数码,找到SSL管理
5
进入后下载证书(PEM格式)会得到KEY和PEM两个文件
6
回到宝塔面板上,用记事本分别打开KEY和PEM两个文件,复制全部粘贴到宝塔的KEY和PEM两个位置,保存即可,注意不要粘贴反了~
oHUBrE.png

3)网站加SSL后,原先设置的CSS失效,导致部分效果增加不出来

到halo后台,外观—主题设置—自定义里把CSS引用全部改为https前缀
oHUaQP.png

小tips:如果自定义外部CSS链接是主域名的二级域名而这个二级域名没有SSL,也会导致CSS加载不出来,解决办法就是把CSS文件传到博客域名下的文件夹可以完美解决

以上就是网站加SSL后CSS文件不生效全部内容,如果有好的建议,可以一起留言分享哦~

0

评论区