前情提要

自动使用 VuePress 这个轻量级博客之后,感觉它非常的优秀,它既然开放,那就是有好多地方得自己处理,比如它的侧边栏配置。

侧边栏配置起来一个个的很繁琐,并且当文章多的时候,这样一个个配显得没必要并且做为一个博客,就是想添加什么就添加什么,一切都要方便。

侧边栏插件

无意中发现一个侧边栏的插件,它可以自动检索你的文件夹及文件,把它列到侧边栏,这种方式可以提供好多的方便。它的名字是vuepress-plugin-autobar,也是一个 VuePress 使用者在不方便时魔改出来的,但效果非常不错。

安装方式如下

1
npm install -D boboidream/vuepress-bar

.vuepress/config.js或者.vuepress/theme/index.js中配置

1
2
3
module.exports = {
plugins: ['autobar']
}

如此便可以开启新世界的大门了。

这是作者的地址,有兴趣的可以关注他

https://note.wenboz.com/


功能更新

更新 2020 年 7 月 25 日
发现一个更好用的,相比原来好用很多,看来 vuepress 的小伙伴也是越来越多,创造力也是越来越强了

地址
https://shanyuhai123.github.io/vuepress-plugin-auto-sidebar/

1
npm i vuepress-plugin-auto-sidebar -D
1
2
3
4
5
6
// **/.vuepress/config.js
module.exports = {
plugins: {
"vuepress-plugin-auto-sidebar": {}
}
}