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

2022-08-04 14:19:29 浏览数 (2)

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 # 高度

效果:

0 人点赞