hexo添加顶部加载进度条

教程：

1.进入博客的 /themes/next 目录下
2.下载安装，Progress modules，输入代码如下：

git clone git@github.com:theme-next/theme-next-pace.git source/lib/pace
网上很多教程都是输入https的链接进行下载，但是现在git好像不支持https下载了，应该使用ssh进行下载。

3.打开主题配置文件，themes/next目录下的_config.yml文件，可以使用 ctrl+f搜索pace，之后将enable：false改成true，还可以更改类型（theme）：

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: minimal

最后重新部署博客就好啦。

后记：

不过theme-next-pace默认的配色都是蓝色的，可能与博客的主题不搭，我通过查看css文件，找到了修改颜色的方法：
1.进入themes\next\source\lib\pace目录下，找到你要是用的样式的css文件并打开，例如我使用的是loading-bar这个样式，我就打开pace-theme-loading-bar.min.css这个文件
2.打开之后，使用ctrl+f搜索color，之后就会找到对应的属性，比如color：#29d，css文件使用的是十六进制的RGB值来表示颜色，一个颜色占两位，它默认的#29d代表蓝色，如果想改成黑色就把#29d改为#000000，如果想改成别的颜色可以自己去画图工具中自定义颜色，之后把分别把RGB的值转换为16进制就好了
3.到上面已经完成了大部分了，现在可以试一试，发现只有进度条里面的颜色改了，但是外边框的颜色还是没有变，接下来继续修改css文件，使用ctrl+f搜索刚刚我们改之前的color属性的值，比如我就搜索#29d，之后又会找到一个属性的值是这个，把它也改为你想要的颜色，就大功告成了！