Skip to content
canvas-nest.js for NexT.
Branch: master
Clone or download
Fetching latest commit…
Cannot retrieve the latest commit at this time.
Permalink
Type Name Latest commit message Commit time
Failed to load latest commit information.
.github
LICENSE
README.md
canvas-nest-nomobile.min.js
canvas-nest.min.js

README.md

canvas-nest.js for NexT

Installation

If you want to use the CDN instead of clone this repo, please jump to the Step 3.

Step 1 → Go to NexT dir

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

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

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@latest/canvas-nest.min.js
  canvas_nest_nomobile: //cdn.jsdelivr.net/gh/theme-next/theme-next-canvas-nest@latest/canvas-nest-nomobile.min.js

Update

$ cd themes/next/source/lib/canvas-nest
$ git pull
You can’t perform that action at this time.