VuePress博客增加自动侧边栏
Pengju.Li-音乐代码 2019-11-29 10:27:26
# 前情提要
自动使用 VuePress 这个轻量级博客之后,感觉它非常的优秀,它既然开放,那就是有好多地方得自己处理,比如它的侧边栏配置。
侧边栏配置起来一个个的很繁琐,并且当文章多的时候,这样一个个配显得没必要并且做为一个博客,就是想添加什么就添加什么,一切都要方便。
# 侧边栏插件
无意中发现一个侧边栏的插件,它可以自动检索你的文件夹及文件,把它列到侧边栏,这种方式可以提供好多的方便。它的名字是vuepress-plugin-autobar
,也是一个 VuePress 使用者在不方便时魔改出来的,但效果非常不错。
安装方式如下
npm install -D boboidream/vuepress-bar
在.vuepress/config.js
或者.vuepress/theme/index.js
中配置
module.exports = {
plugins: ['autobar']
}
如此便可以开启新世界的大门了。
这是作者的地址,有兴趣的可以关注他
# 功能更新
更新 2020 年 7 月 25 日 发现一个更好用的,相比原来好用很多,看来 vuepress 的小伙伴也是越来越多,创造力也是越来越强了
地址 https://shanyuhai123.github.io/vuepress-plugin-auto-sidebar/
npm i vuepress-plugin-auto-sidebar -D
// **/.vuepress/config.js
module.exports = {
plugins: {
"vuepress-plugin-auto-sidebar": {}
}
}