hexo框架的博客next主題,本地預覽是有背景的,上傳之後就沒有背景了,怎麼解決?
已經嘗試先hexo c然後再hexo g-d了,網站還是顯示不出來背景
得先hexo clean一下,重新生成一下css文件。
我搞了一下午也是發現加的什麼效果都只能在本地看到,結果一上傳就看不到了。。。然後就試試clean了一下,之後再hexo d -g就顯示出來了。
歡迎訪問我的博客:
zhangzef.com?zhangzef.com你的背景圖片是放在本地還是哪裡?記得用圖片的網路鏈接,確保圖片地址沒有錯誤,然後清除瀏覽器緩存再試試。
如果本地預覽沒有問題,那像圖片顯示這種應該是不會出問題的,出問題也只會網路訪問404,那就是你的域名那邊一些等的問題,沒有配置好,像你這個應該是網路延遲,沒有載入出來,畢竟github倉庫是國外伺服器。你可以過最多一天看看,如果還是載入不出來,那就是其他問題
問題:hexo next主題博客預覽和部署不一樣,背景圖片載入不出來的問題
思路:通過瀏覽器F12查看預覽和部署時,執行的代碼、執行的文件有什麼不一樣
經過對比發現,部署時的main.css
文件比預覽時的main.css
文件少了幾百行,其中就少了背景圖片的載入和設置部分代碼。仔細觀察可以發現少掉的這部分代碼其實就是我們自己創建和添加的博客主題next/source/css/_costom/costom.styl
文件中的代碼。
body {
background: url("/images/background.jpg");
background-repeat: no-repeat;
background-attachment: fixed;
background-position: 50% 50%;
background-size: cover;
}
也就是說在預覽時,瀏覽器直接在本地幫我們把_common、_custom、__mixins、_schemes、_variables五個文件夾中的styl格式文件代碼合在一起生成main.css文件。
而在部署時,hexo g生成博客文件時,伺服器就要通過博客主題next/source/css/main.styl
文件來生成main.css文件。打開博客主題next/source/css/main.styl
文件我們發現最後載入costom.styl
文件的代碼為
// Custom Layer
// --------------------------------------------------
@import "_custom/custom";
表示載入一個名為custom的文件夾中的文件,此處明顯有誤,多了一層文件夾,所以我們把這一句改成
@import "_custom/custom.styl";
再重新部署就可以了,瀏覽器調試可以看到預覽和部署時的main.css文件內容也一樣了。
個人博客:
巖手縣小森的博客
樓主解決了嗎 我也遇到相同的問題
生若春風楊柳岸日暖風和人皆盼快雨時晴閑心寄樂此時節一世安原創藏頭詩——生日快樂
推薦閱讀: