VitePress部署到Github Pages后發(fā)現(xiàn)樣式全錯亂怎么辦?
當(dāng)我們部署到Github pages線上后,發(fā)現(xiàn)全是樣式錯亂的,也就是無樣式,怎么辦?在此簡單記錄一下
這個時候我們作為前端開發(fā)者,可以打開瀏覽器調(diào)試看看就發(fā)現(xiàn)了,是靜態(tài)資源地址不對,如下
?
?文章來源地址http://www.zghlxwxcb.cn/news/detail-711119.html
這個時候,我們只需修改theme/config.js中的基本路徑即可,因為我們的訪問地址是https://msyuan.github.io/vitePress-project/這樣的,所以配置修改成如下即可
export default { base: "/vitePress-project/", }
再次發(fā)布就OK了。
github項目地址:https://github.com/msyuan/vitePress-project
?原文地址:http://www.qianduan8.com/2099.html
?文章來源:http://www.zghlxwxcb.cn/news/detail-711119.html
?
到了這里,關(guān)于VitePress部署到Github Pages后發(fā)現(xiàn)樣式全錯亂了怎么辦?的文章就介紹完了。如果您還想了解更多內(nèi)容,請在右上角搜索TOY模板網(wǎng)以前的文章或繼續(xù)瀏覽下面的相關(guān)文章,希望大家以后多多支持TOY模板網(wǎng)!