Nicksxs's Blog

What hurts more, the pain of hard work or the pain of regret?

Progress bar 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-pace source/lib/pace

Step 3 → Set it up

Enable module in NexT _config.yml file and select your theme:

1
2
3
4
5
6
pace:
  enable: true
  # Themes list:
  # big-counter | bounce | barber-shop | center-atom | center-circle | center-radar | center-simple
  # corner-indicator | fill-left | flat-top | flash | loading-bar | mac-osx | material | minimal
  theme: minimal

And, if you wants to use the CDN, then need to set: (you also need to find your corresponding theme css link in jsdelivr)

1
2
3
4
vendors:
  ...
  pace: //cdn.jsdelivr.net/npm/pace-js@1/pace.min.js
  pace_css: //cdn.jsdelivr.net/npm/pace-js@1/themes/blue/pace-theme-minimal.css

Update

1
2
$ cd themes/next/source/lib/pace
$ git pull
0%