https://github.com/theme-next/theme-next-pace

Loading bar for NexT.
https://github.com/theme-next/theme-next-pace

module pace theme-next

Last synced: about 1 month ago
JSON representation

Loading bar for NexT.

• Host: GitHub
• URL: https://github.com/theme-next/theme-next-pace
• Owner: theme-next
• License: mit
• Created: 2017-12-31T10:31:21.000Z (about 7 years ago)
• Default Branch: master
• Last Pushed: 2022-07-14T01:40:37.000Z (over 2 years ago)
• Last Synced: 2024-02-23T21:37:25.818Z (10 months ago)
• Topics: module, pace, theme-next
• Homepage:
• Size: 19.5 KB
• Stars: 29
• Watchers: 14
• Forks: 19
• Open Issues: 2
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

README

        


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:

```sh

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

```sh

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

```yml

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)

```yml

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


```sh

$ cd themes/next/source/lib/pace

$ git pull

```