Hexo添加背景动画

二维背景动画

  1. 下载相应的动画包

    1
    2
    3
    4
    $ cd themes/next
    $ ls
    bower.json _config.yml docs gulpfile.coffee languages layout LICENSE.md package.json README.md scripts source test
    $ git clone https://github.com/theme-next/theme-next-canvas-nest source/lib/canvas-nest
  2. 修改NexT主题配置文件_config.yml

    1
    canvas_nest: false

三维背景动画

  1. 下载相应动画包,包含三种三维动态背景

    1
    2
    3
    4
    $ cd themes/next
    $ ls
    bower.json _config.yml docs gulpfile.coffee languages layout LICENSE.md package.json README.md scripts source test
    $ git clone https://github.com/theme-next/theme-next-three source/lib/three
  2. 修改NexT主题配置文件_config.yml,三个开关true或false,三种动画可各种开启或关闭

    1
    2
    3
    4
    5
    6
    # three_waves
    three_waves: true
    # canvas_lines
    canvas_lines: false
    # canvas_sphere
    canvas_sphere: false
坚持原创技术分享,您的支持将鼓励我继续创作!