VuePress：Exery 单页侧边栏中的自定义内容

Question

我希望每个页面都有自定义链接和不同的侧边栏我不希望我的标题呈现为侧边栏中的 table 内容我希望有这样的自定义内容。

Node JS
-Lecture 1 Introduction
--Sub Lecture

-Lecture 2 Basics
--Sub Lecture
---Nested Lecture

所有讲座都是自定义链接。那我该怎么做呢。

Answer 1

边栏

类型：false | 'auto' | SidebarConfigArray | SidebarConfigObject
默认：'auto'
详情：

侧边栏配置。

您可以通过页面中的侧边栏 frontmatter 覆盖此全局选项。

设置为 false 以禁用边栏。

如果设置为'auto'，侧边栏会自动从页面headers生成。

要手动配置侧边栏项目，您可以将此选项设置为 侧边栏数组，每个项目可以是 SidebarItem object 或一个字符串：
- A SidebarItem object 应该有一个 text 字段，可以有一个可选的 link 字段和一个可选的 children 字段。 children 字段应该是一个 侧边栏数组 .
- 字符串应该是目标页面文件的路径。会转化为SidebarItemobject，其中text为页面标题，link为页面路由路径，children自动生成第 headers.
如果你想为不同的子路径设置不同的侧边栏，你可以将此选项设置为侧边栏object:
- 关键应该是路径前缀。
- 该值应为 侧边栏数组。
要添加外部和内部自定义链接，请参见：

module.exports = {
  themeConfig: {
    // sidebar object
    // pages under different sub paths will use different sidebar
    sidebar: {
      '/guide/': [
        {
          text: 'Guide',
          children: ['/guide/README.md', '/guide/getting-started.md'],
        },
      ],
      '/reference/': [
        {
          text: 'Reference',
          children: ['/reference/cli.md', '/reference/config.md'],
        },
      ],
    },
  },
}

有关详细信息，请参阅 Sidebar Config

VuePress：Exery 单页侧边栏中的自定义内容

VuePress : Custom Contents in Sidebar for Exery Single Page

web

vue.js

vuepress

边栏