HexoHexo打造炫酷个人博客关于hexo

Hexo Next 背景动画Canvas_nest: true设

2018-08-14  本文已影响6人  eirunye

Canvas_nest背景动画

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

解决方案

  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
上一篇下一篇

猜你喜欢

热点阅读