创建多级导航菜单

在 VuePress 中配置多级导航菜单需要编辑 config.js 文件，并使用 themeConfig 中的 nav 字段。下面是一个示例：

module.exports = {
  themeConfig: {
    nav: [
      { text: '首页', link: '/' },
      {
        text: '文档',
        items: [
          { text: '指南', link: '/guide/' },
          { text: '配置', link: '/config/' },
        ]
      },
      {
        text: '关于',
        items: [
          { text: '团队', link: '/about/team/' },
          { text: '联系我们', link: '/about/contact/' },
        ]
      }
    ],
  }
}

在这个例子中：

• nav 是一个数组，每个元素代表一个顶级菜单项。
• 每个菜单项可以包含 text 和 link 字段，用来定义菜单项的文本和链接。
• 如果一个菜单项有子菜单，可以使用 items 字段，它是一个包含子菜单项的数组。

注意事项：

• 嵌套深度： VuePress 支持多级嵌套的导航菜单，你可以根据需要定义任意深度的子菜单。
• 链接格式： 菜单项的 link 可以是相对路径（例如 /guide/）或者绝对路径（例如 https://example.com/）。
• 显示顺序： 导航菜单的顺序由在 nav 数组中的元素顺序决定，你可以根据需要调整它们的顺序。

通过合理配置 nav 字段，你可以轻松地在 VuePress 中实现多级导航菜单，从而更好地组织和展示你的文档内容。