vuepress项目侧边栏菜单配置使用

最新推荐文章于 2024-09-20 19:00:00 发布

月照一江秋水

最新推荐文章于 2024-09-20 19:00:00 发布

阅读量1k

点赞数 7

文章标签： java 前端服务器

本文链接：https://blog.csdn.net/qq_41206597/article/details/135816880

版权

第一种菜单配置，自定义菜单名称

 {
    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',
    ],
  },