描述
在设置canvas_next: true 时本会有一个好看的动画效果,但是没有反应
思路
应该是缺少对应js文件
解决
打开博客按F12,点击网络刷新网站,发现缺少canvas-nest.min.js包
请求位置在source/lib 下,需要将对应包下载到该文件夹下
Step 1
命令行进入next文件夹下,这里必须有layout,source,languages等其他文件。
$ cd themes/next
$ ls
bower.json _config.yml docs gulpfile.coffee languages layout LICENSE.md package.json README.md scripts source test
Step 2
安装模块到source/lib 文件夹下
$ git clone https://github.com/theme-next/theme-next-canvas-nest source/lib/canvas-nest
Step 3
修改next中的_config.yml文件
canvas_nest:
enable: true
...
完成
提议
我个人觉得,github速度不是一般的慢,所以建议使用cdn,可以提高一点点速度还是有好处的
NexT下的_config.yml中找到vendor 下面有对应的cdn,取消掉注释即可
# Internal version: 1.0.0
# Example:
canvas_nest: //cdn.jsdelivr.net/gh/theme-next/theme-next-canvas-nest@1/canvas-nest.min.js
canvas_nest_nomobile: //cdn.jsdelivr.net/gh/theme-next/theme-next-canvas-nest@1/canvas-nest-nomobile.min.js
# canvas_nest:
# canvas_nest_nomobile: