vuepress 附加页面添加到侧边栏

Question

我正在尝试创建 AdditionalPage 并将其添加到导航栏中。

我不知道如何实现它：

这是我的插件：

async additionalPages() {
     ...
    errorsPages.push({
      path: '/errors',
      content: '## Errors',
      frontmatter: {
        sidebar: true,
      },
    })
    return errorsPages

当我只这样做时，当然没有sidebar 存在。这是因为我没有在导航栏中添加我的/errors 页面。

当我尝试将其添加到 sidebar 选项中的 config.js：

 'sidebar': {
    '/references/': [
        {
          title: '???? API References',
          path: '/references/',
          collapsable: false,
          children: [
            '/references/indexes',
            '/references/keys',
            {
              title: 'Errors',
              path: '/errors/',
              collapsable: false,
            },
         ]
      } 
   ]
}

然后构建失败。

知道如何在侧边栏中添加我的附加页面吗？

Answer 1

要在侧边栏中添加组，请尝试以下代码：

sidebar: {
  '/guide/': [
    {
      title: 'Group Guide',
      children: ['', 'introduction-guide', 'details-guide'],
    },
  ],
  '/api/': [
    {
      title: 'Group API',
      children: ['', 'introduction-api', 'details-api'],
    },
  ],
},

introduction-guide 和 details-guide 是存在于 guide 目录中的文件。

introduction-api 和 details-api 是 api 目录中的文件。

更多详情：https://vuepress.vuejs.org/theme/default-theme-config.html#sidebar-groups