碼雲搭建hexo博客樣式加載錯誤問題

問題排查

F12看一看,發現就是樣式加載錯了,看下路徑就知道加載的路徑錯了
在這裏插入圖片描述

解決方案

主要分析手段,修改配置查看index.html哪些部分響應了修改。
我這已經修改了部分,你會發現好多樣式都沒加載出來,因爲路徑都錯了,gan
和github不一樣,github都是根目錄,而碼雲這套了一層目錄,我這就多了個 blog這個倉庫目錄。
我進行的操作是對 2個配置文件進行修改。

hexo配置文件 _config.xml

在這裏插入圖片描述
在這裏插入圖片描述
在這裏插入圖片描述

主題的配置文件,缺失了一層 blog 目錄

在這裏插入圖片描述
我找到了生成腳本 head.ejs
這裏的鏈接是獲取主題的jsDeliver,哎呀頭疼。
在這裏插入圖片描述
回到主題配置文件 _config.xml ,拉到最下面,總算給我找到了,加入目錄。
在這裏插入圖片描述
重新生成 hexo g
在這裏插入圖片描述
效果出來了!!!
推上碼雲看看 hexo d
更新下服務
在這裏插入圖片描述
在這裏插入圖片描述
恩,文章也能成功加載,但導航欄的首頁,跳轉還是有問題
在這裏插入圖片描述
在這裏插入圖片描述
恩,我們直接打開index.html 看一看
在這裏插入圖片描述
恩,路徑不行,需要加上 blog目錄
我們給主題的配置文件的開頭的那幾個配置加上 blog
在這裏插入圖片描述
重新生成
在這裏插入圖片描述
恩,感覺有戲,hexo d 推上去 ,更新下pages
在這裏插入圖片描述
終於成了!

補充

加載視頻和search.xml失敗了。這裏還需要微調一下,不得不說,設計不是很合理
在這裏插入圖片描述
視頻解決方案,加一層 blog
在這裏插入圖片描述
search.xml,index.html的這個部分
在這裏插入圖片描述
手動刪了,然後推上去
在這裏插入圖片描述
同理 更新服務。現在看一下效果吧

在這裏插入圖片描述
還剩2個瓜皮問題,不解決也沒啥事了。

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章