Next-Mist 主題最上面一欄的默認(rèn)背景是灰色的蚁吝,略微有些淡施流。想要更換這張圖片可按以下步驟操作黔帕。效果 Yeureka's study(2018.02.25:主題已換。)
圖片存放位置
選擇一張心儀的圖片国撵,命名為 background.jpg陵吸,放到 source 文件夾下的 image 文件夾內(nèi)。
Hexo\source\image
圖片大小我選擇的是“50厘米*5厘米”介牙,太小的話無法覆蓋整個背景壮虫。
背景圖片設(shè)置
找到如下位置:
hexo\themes\next\source\css\_schemes\Mist\_header.styl
打開 _header.styl,將第一行 background: 后的內(nèi)容改為如下形式:
.header { background: url('../image/background.jpg'); }
保存环础,重新生成網(wǎng)頁即可囚似。
以圖床上的圖片作為背景
url() 內(nèi)的鏈接可以是絕對地址的形式。因?yàn)槲业撵o態(tài)博客在 github 上面线得,打開比較慢饶唤,所以將背景圖片放到圖床上以提高打開速度。設(shè)置形式如下:
.header { background: url('http://xx.xx.xx.com/hexo/image/header-backgroud.jpg'); }
設(shè)置了圖床以后贯钩,每次打開博客都是圖片最先刷出來募狂。囧( ╯□╰ )