以前在安装hexo的时候出了样式问题,现在用vuepress也出现了相同的问题。
本地测试完全可以
然而打包之后就彻底乱了
即使是自己本地打包成dist之后也会出现相同的问题
有点困扰,应该是打包配置的问题
通过修改index.html里的内容。将/改为./
发现部分样式恢复,可以推断是打包的时候全部是绝对路径,而本应该是相对路径
最后通过加群,问群里的大佬,终于知道了问题的关键的的确确是这个base的配置问题
由于我根目录下加了其他东西所以没有把打包后文件放在根目录里而是放在根目录的blog文件夹下,所以base必须改
改成什么呢,就是你根目录下的打包文件名,我这里是blog(网站根目录下)
所以base改成
"base": "/blog/"
这样就不会出现样式问题了
同理在网上的部署也是如此
(所以最好部署在根目录下,这样才省事,base就不用改了)