vuepress项目侧边栏菜单配置使用方式
作者:月照一江秋水
这篇文章主要介绍了vuepress项目侧边栏菜单配置使用方式,具有很好的参考价值,希望对大家有所帮助,如有错误或未考虑完全的地方,望不吝赐教
vuepress项目侧边栏菜单配置
第一种菜单配置,自定义菜单名称
{ text: '菜单名称', // 是否折叠 collapsible: true, children: [ { text: "自定义md菜单名称", sidebarDepth: 2, link: "/xxx/aa.md", children: [], } ], },
第二种菜单配置
- 标题自动生成菜单,使用需要搭配sidebarDepth限制展示生成标题级别,这种方式好处是,直接生成,标题索引目录,在侧边栏
- 菜单名称会根据aa.md中的第一个标题名称生成,菜单也会根据md文件的标题层级自动生成对应级别123级别菜单
- 标题 # ## ### #### 1234级别标题
{ text: '菜单名称', // 是否折叠 collapsible: true, sidebarDepth: 2, // 缩放子级别名称 children: [ '/xxx/aa.md', '/xxx/bb.md', ], },
总结
以上为个人经验,希望能给大家一个参考,也希望大家多多支持脚本之家。