Nicksxs's Blog

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

0%

#

# 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