vuepress 附加页面添加到侧边栏

Posted 2023-02-22

【中文标题】vuepress 附加页面添加到侧边栏

【英文标题】：vuepress additionalPages added to sidebar

【发布时间】：2020-10-22 01:02:22

【问题描述】：

我正在尝试创建 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,
            ,
         ]
       
   ]

然后构建失败。

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

【参考方案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