1、在Next6.0以上版本,直接在主题文件下的/themes/next/_config.yml设置Canvas_nest属性为true,动态背景是没法生效。
在_config.yml中也可以看到Canvas_nest里面有注释信息:
# Canvas-nest
# Dependencies: https://github.com/theme-next/theme-next-canvas-nest
# For more information: https://github.com/hustcc/canvas-nest.js
2、解决方法:
进入git命令行模式进入themes/next目录下
$ cd themes/next
然后执行
$ git clone https://github.com/theme-next/theme-next-canvas-nest source/lib/canvas-nest
3、最后重新编译,部署就可以了
$hexo clean
$hexo g
$hexo d
另:
属性说明:
- color :线条颜色, 默认: ‘0,0,0’;三个数字分别为(R,G,B)
- opacity: 线条透明度(0~1), 默认: 0.5
- count: 线条的总数量, 默认: 150
- zIndex: 背景的z-index属性,css属性用于控制所在层的位置, 默认: -1
测试效果:https://sweetolive.github.io/