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: 3 months 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 (over 8 years ago)
- Default Branch: master
- Last Pushed: 2022-07-14T01:40:37.000Z (almost 4 years ago)
- Last Synced: 2025-06-02T05:10:05.562Z (12 months ago)
- Topics: module, pace, theme-next
- Homepage:
- Size: 19.5 KB
- Stars: 30
- Watchers: 13
- 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
```