1.定位到Hexo的文件夹,找到一个背景图片目录,并将图片放到该目录下:

1
hexo/themes/next/source/images

2.找到路径下的custom.styl文件:

1
hexo/themes/next/source/css/_custom/

在该文件中加入如下代码

1
2
3
4
5
6
body {
background:url(/images/background.jpg);
background-repeat: no-repeat;
background-attachment:fixed;
background-size:100% 100%;
}

background:url为图片路径,也可以直接使用链接。
background-repeat:若果背景图片不能全屏,那么是否平铺显示,充满屏幕
background-attachment:背景是否随着网页上下滚动而滚动,fixed为固定
background-size:图片展示大小,这里设置100% 100%的意义为:如果背景图片不能全屏,那么是否通过拉伸的方式将背景强制拉伸至全屏显示。

注意:如果是租用的服务器,不建议使用特别大的背景图片,网站会由于图片太大拖慢整个网站的载入速度!!