起因

在前一段时间，我开始将个人博客站点的技术栈从vuepress迁移到了vitepress，迁移的过程还是挺简单的，而且体验效果提升不少，默认是主题也非常好看。

但是其中遇到了个问题，就是vitepress官方目前是不支持侧边栏的生成，这让我有点烦恼，而vuepress是可以自动生成的

于是就有了您正在阅读的文章，我写了一个vitepress插件，帮我实现了侧边栏的生成。

vite-plugin-vitepress-auto-sidebar

插件功能

• 自动创建侧边栏数据
• 实时监听文件变动更新侧边栏数据

安装

npm install vite-plugin-vitepress-auto-sidebar

使用

在.vitepress/config.ts文件中，追加插件即可。

import AutoSidebar from 'vite-plugin-vitepress-auto-sidebar';
export default defineConfig({
  vite:{
    plugins:[
      // add plugin
      AutoSidebar()
    ]
  },
})

• 插件项目地址：https://github.com/QC2168/vite-plugin-vitepress-auto-sidebar

• 插件示例代码：https://github.com/QC2168/vite-plugin-vitepress-auto-sidebar/tree/main/example

目前，插件没有太多的功能，但后续会继续追加一些常用的功能上去的，也欢迎提issue和pr~