ueumd / theme-next-canvas-nest

canvas-nest.js for NexT.

canvas-nest.js for NexT

Installation

Step 1 → Go to NexT dir

Change dir to NexT directory. There must be layout, source, languages and other directories:

$ cd themes/next
$ ls
bower.json  _config.yml  docs  gulpfile.coffee  languages  layout  LICENSE.md  package.json  README.md  scripts  source  test

Step 2 → Get module

Install module to source/lib directory:

$ git clone https://github.com/theme-next/theme-next-canvas-nest source/lib/canvas-nest

Step 3 → Set it up

Enable module in NexT _config.yml file:

canvas_nest:
  enable: true
  onmobile: true # display on mobile or not
  color: '0,0,255' # RGB values, use ',' to separate
  opacity: 0.5 # the opacity of line: 0~1
  zIndex: -1 # z-index property of the background
  count: 99 # the number of lines

And, if you wants to use the CDN, then need to set:

vendors:
  ...
  canvas_nest: //cdn.jsdelivr.net/gh/theme-next/theme-next-canvas-nest@1.0.0/canvas-nest.min.js
  canvas_nest_nomobile: //cdn.jsdelivr.net/gh/theme-next/theme-next-canvas-nest@1.0.0/canvas-nest-nomobile.min.js

Update

$ cd themes/next/source/lib/canvas-nest
$ git pull