Hexo Next背景动画Canvas_nest:true设置无效

描述

在设置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:

Canvas-nest for NexT

posted on 2019-08-03 10:54  Kn0w_N0ThInG  阅读(821)  评论(0编辑  收藏  举报

导航