【个人网站搭建】hexo框架+Next主题进度条加载显示功能实现

0x00 前言

文章中的文字可能存在语法错误以及标点错误，请谅解；

如果在文章中发现代码错误或其它问题请告知，感谢！

Hexo博客框架版本（hexo vesion）：5.3.0

Next主题版本：v5.1.4

0x01 实现方法

打开主题配置文件/themes/next/_config.ymll，搜索关键字pace，将pace后的值改为true:

# Progress bar in the top during page loading.
pace: true
# Themes list:
#pace-theme-big-counter
#pace-theme-bounce
#pace-theme-barber-shop
#pace-theme-center-atom
#pace-theme-center-circle
#pace-theme-center-radar
#pace-theme-center-simple
#pace-theme-corner-indicator
#pace-theme-fill-left
#pace-theme-flash
#pace-theme-loading-bar
#pace-theme-mac-osx
#pace-theme-minimal
# For example
# pace_theme: pace-theme-center-simple
pace_theme: pace-theme-minimal

pace_theme后可以选择进度条样式，可选样式在上面#pace-theme-中选择。

以上。
参考文档：
1.https://zhuanlan.zhihu.com/p/85037898
2.https://blog.csdn.net/u011236348/article/details/88146947