页面背景美化
实现背景图更换及平铺,以及引入动态背景(可交互)
静态background设置
1、打开博客根目录/themes/next/source/css/_custom/custom.styl文件,编辑如下:
1 | // Custom styles. |
2、将背景图命名为background.png并放入主题根目录/images下
动态可交互背景(js引入)
1、打开博客根目录/themes/next/layout/_layout.swig文件,在之前添加代码如下:
1 | {% if theme.canvas_nest %} |
属性说明:
- color :线条颜色, 默认: ‘0,0,0’;三个数字分别为(R,G,B)
- opacity: 线条透明度(0~1), 默认: 0.5
- count: 线条的总数量, 默认: 150
- zIndex: 背景的z-index属性,css属性用于控制所在层的位置, 默认: -1