Hexo Next 背景动画Canvas_nest: true设置无效的解决方案

Canvas_nest背景动画

由于在Next 6.0后设置 Canvas_nest: true 是背景将会有动画效果,但是没有反应,查看一下官方文档有解释说明。Canvas_nest

Hexo.png

解决方案

  1. 打开Git进入自己文件夹下/themes/next文件夹下
$ cd themes/next  
  1. 运行 git clone https://github.com/theme-next/theme-next-canvas-nest source/lib/canvas-nest 即:
$ git clone https://github.com/theme-next/theme-next-canvas-nest source/lib/canvas-nest

查看下载的文件


Canvas_nest.png
  1. 进入 thems/next/_config.yml文件下修改 canvas_nest: true (注意: 冒号后面要空格)
    _config.yml.png
canvas_nest: true

查看背景效果(图片来自https://blog.csdn.net/qq_32454537/article/details/79482896)

背景效果.gif

  1. 我们预览并部署到服务器
$ hexo clean
$ hexo g
$ hexo s 
$ hexo d

plugin:

  • hexo-generator-feed

Feed Atom

feed:
  type: atom
  path: atom.xml
  limit: 20

推荐阅读更多精彩内容