以前在安裝hexo的時候出了樣式問題，現在用vuepress也出現了相同的問題。
本地測試完全可以

然而打包之后就徹底亂了

即使是自己本地打包成dist之后也會出現相同的問題
有點困擾，應該是打包配置的問題

通過修改index.html里的內容。將/改為./

發現部分樣式恢復，可以推斷是打包的時候全部是絕對路徑，而本應該是相對路徑

最后通過加群，問群里的大佬，終于知道了問題的關鍵的的確確是這個base的配置問題

由于我根目錄下加了其他東西所以沒有把打包后文件放在根目錄里而是放在根目錄的blog文件夾下，所以base必須改
改成什么呢，就是你根目錄下的打包文件名，我這里是blog（網站根目錄下）

所以base改成

"base": "/blog/"

這樣就不會出現樣式問題了

同理在網上的部署也是如此
（所以最好部署在根目錄下，這樣才省事，base就不用改了）

總結

以上是生活随笔為你收集整理的如何解决vuepress部署出现样式问题的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。