为Hexo-Next主题设置头部图片

一周的课程考试实验将人推向崩溃的边缘，终于周末了，虽然接下来的考试仍然在催命，姑且先放松一下，美化一下博客。

首先在网上找或者自己PS一张心仪的图片,取名background.jpg，把它放在

1	Hexo\source\image

路径下。

进入

1	Hexo\themes\hexo-theme-next\source\css\_common\components\header

目录，找到header.styl文件，双击打开。

将第一行默认的

1	.header { background: $head-bg; }

修改为

1 2	// 下面的url()里不一定非要填相对路径，填一个能访问的url即可，比如放在七牛云上的图片 .header { background: url('../image/background.jpg'); }

然后重新上传博客即可

1
2
3

hexo clean
hexo generate
hexo deploy

大功告成。

我是将博客放到github上的，因为感觉静态博客没必要动用服务器。有一个问题就是把图片也放到github上加载贼慢，所以目前我是将图片放到了七牛云上，效果好了很多。关于七牛云做图床的介绍网上有很多，这里就不赘述了。