0%

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:

1
2
3
$ 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:

1
$ 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:

1
2
3
4
5
6
7
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:

1
2
3
4
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

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