解决静态css&js文件加载失败导致样式丢失的问题

现象

我们在部署完或者更新完博客之后,如果出现样式加载丢失的问题,我们首先打开浏览器,通过浏览器的network调试窗口,对加载失败的静态css和js等文件路径进行检查,一般是因为路径问题导致。

经验

我们在本地调试博客时,静态文件的路径和打包部署后的静态文件的路径是不一样的,以gitee为例,当我们将博客部署成功后,静态文件的路径应该为/repo_name/,url应该为仓库的完成url,具体配置如下:

1
2
url: https://phygerr.gitee.io/blog/
root: /blog/

此配置文件为博客项目根目录下的_config.yml

然后执行三部曲即可!

Donate
  • Copyright: Copyright is owned by the author. For commercial reprints, please contact the author for authorization. For non-commercial reprints, please indicate the source.
  • Copyrights © 2015-2020 phyger
  • Visitors: | Views:

请我喝杯咖啡吧~

支付宝
微信