Skip to content

生成菜单

安装插件

使用插件 vite-plugin-vitepress-auto-sidebar 实现 由于我的文章都放在根目录,所以指定path为空,默认是 docs

使用方法:

ts
import AutoSidebar from 'vite-plugin-vitepress-auto-sidebar';

export default defineConfig({
   vite: {
    plugins: [
      AutoSidebar({
        path: '',
      })
    ],
  },
})

第二种方法,使用 vite-plugin-vitepress-auto-nav 生成nav和sidebar

vite-plugin-vitepress-auto-nav 插件可以自动生成顶部导航和侧边栏,并且不会生成index.md菜单

注意:这个插件会扫根目录所有的文件,包括README.md,也会自动生成到导航菜单

只扫docs目录

为了不把readme作为导航菜单, 新建一个docs目录作为文档的目录,让插件到这个目录 同时config.mts配置srcDir属性为docs,这样插件就会只扫这个目录下的文章

注意: 图片我放到了public目录,如果将srcDir指定为docs,也需要把public目录也放到docs目录下,这样图片才能正常显示

如何开启导航子菜单