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

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

阅读进度百分比

修改主题配置文件，修改back2top：

代码语言：javascript复制

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：

代码语言：javascript复制

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

效果：

next progress

0 人点赞