public/blog/lib/pace

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:

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

Step 3 → Set it up

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

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)

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

$ cd themes/next/source/lib/pace

$ git pull