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

写在前面
网站刚起步，添加友联的时候，@福福不服 给咱提供了一个建议

咱灵机一动，对啊，看着大家都有HTTPS，咱没有也是心里痒痒的，随即开始着手这件事，由于我是小白，可能写的有些基本，大佬勿喷~

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

又拍云为例

添加证书和下方添加宝塔证书方法一样，请参考食用~

1）如何给网站加SSL

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

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

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

在你申请对应的网站上下载好SSL证书（这里以西部数码举例）
登录西部数码，找到SSL管理

进入后下载证书(PEM格式)会得到KEY和PEM两个文件

回到宝塔面板上，用记事本分别打开KEY和PEM两个文件，复制全部粘贴到宝塔的KEY和PEM两个位置，保存即可，注意不要粘贴反了~

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

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

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

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