Hexo-Next-Mist主題頭部頂欄背景圖片設(shè)置

Next-Mist 主題最上面一欄的默認(rèn)背景是灰色的,略微有些淡。想要更換這張圖片可按以下步驟操作。效果 Yeureka's study(2018.02.25:主題已換。)

圖片存放位置

選擇一張心儀的圖片,命名為 background.jpg,放到 source 文件夾下的 image 文件夾內(nèi)。

Hexo\source\image

圖片大小我選擇的是“50厘米*5厘米”,太小的話無法覆蓋整個(gè)背景。

背景圖片設(shè)置

找到如下位置:

hexo\themes\next\source\css\_schemes\Mist\_header.styl

打開 _header.styl,將第一行 background: 后的內(nèi)容改為如下形式:

.header { background: url('../image/background.jpg'); }

保存,重新生成網(wǎng)頁(yè)即可。

以圖床上的圖片作為背景

url() 內(nèi)的鏈接可以是絕對(duì)地址的形式。因?yàn)槲业撵o態(tài)博客在 github 上面,打開比較慢,所以將背景圖片放到圖床上以提高打開速度。設(shè)置形式如下:

.header { background: url('http://xx.xx.xx.com/hexo/image/header-backgroud.jpg'); }

設(shè)置了圖床以后,每次打開博客都是圖片最先刷出來。囧( ╯□╰ )

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時(shí)請(qǐng)結(jié)合常識(shí)與多方信息審慎甄別。
平臺(tái)聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點(diǎn),簡(jiǎn)書系信息發(fā)布平臺(tái),僅提供信息存儲(chǔ)服務(wù)。

相關(guān)閱讀更多精彩內(nèi)容

友情鏈接更多精彩內(nèi)容