Dayi的小窝

next主题微调

发表于

加载进度条

不知道有什么问题，我发现似乎不会显示？

有两个pace，记得找上面注释为这个的

1
2
3
# Progress bar in the top during page loading.
# Dependencies: https://github.com/theme-next/theme-next-pace
# For more information: https://github.com/HubSpot/pace

  1. 进入目录 themes/next/

  2. 安装模块(Progress module)

    1
    git clone https://github.com/theme-next/theme-next-pace source/lib/pace

  3. 修改设置 themes/next/_config.yml

    1
    2
    3
    4
    5
    6
    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: bounce

浏览进度条

​ 修改themes/next/_config.yml

1
2
3
4
5
6
reading_progress:
  enable: true
  # Available values: top | bottom 
  position: top      #top:顶部 bottom:底部
  color: "#66ffb2"
  height: 2px

回到top小按钮

​ 修改themes/next/_config.yml

1
2
3
4
5
6
back2top:
  enable: true    #启用
  # Back to top in sidebar.
  sidebar: true   #显示在侧边栏下面，如果为false会显示在右下角
  # Scroll percent label in b2t button.
  scrollpercent: true  #是否显示进度