生成菜单
安装插件
使用插件 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目录下,这样图片才能正常显示