给Hexo的NexT主题添加背景

前言

千挑万选终于选中了这款NexT主题,颇为喜欢,不过感觉仍然不够个性,便想着添加主题的背景图。网上查询一番,略知一二,方法如下。

添加背景文件

打开你的Hexo目录,找到source文件夹,在里面创建一个images文件夹(可适当更改),把一张图片文件命名为background.jpg(可适当更改)放入images文件夹。

添加主题的自定义代码

在 themes\next\source\css_custom\custom.styl文件中添加代码:

1
2
3
4
5
6
7
8
body {
background-image:url(/images/background.png);
background-repeat: no-repeat;
background-attachment:fixed;
background-position:50% 50%;
background-size: 100% 100%;

}

重新生成页面

hexo g
hexo d
大功告成查看一下效果吧。