Next -11- 为文章添加阅读进度

本文最后更新于:2022年8月5日 晚上

Next可以在文章中添加当前阅读进度的百分比或颜色进度条,本文介绍功能开启方法。

阅读进度百分比

修改主题配置文件,修改back2top

1
2
3
4
5
6
back2top:
enable: true # 开启 back to top 按钮
# Back to top in sidebar.
sidebar: true # true 表示在侧边栏显示,false则在侧下角
# Scroll percent label in b2t button.
scrollpercent: true # 开启进度百分比

效果:

颜色进度条

修改主题配置文件,修改reading_progress

1
2
3
4
5
6
7
8
# Reading progress bar
reading_progress:
enable: true # 开启进度条
# Available values: top | bottom
position: bottom # 设置位置 可以为 top | bottom
color: "#37c6c0" # 进度条颜色 16进制RGB
height: 3px # 高度

效果:


Next -11- 为文章添加阅读进度
https://www.zywvvd.com/notes/hexo/theme/next/11-article-percentage/article-percentage/
作者
Yiwei Zhang
发布于
2020年3月9日
许可协议