Question

导航栏包括页面标题、搜索框, 导航栏链接、多语言支持 和 仓库链接，它们都取决于你的配置。

导航栏链接(navbar links)

你可以通过 themeConfig.nav 将链接添加到导航栏中：

// .vuepress/config.js
module.exports = {
  themeConfig: {
    nav: [
      { text: 'Home', link: '/' },
      { text: 'Guide', link: '/guide/' },
      { text: 'External', link: 'https://google.com' },
    ]
  }
}

如果你提供一个 items 而不是 link 的数组，这些链接也可以是下拉菜单：

module.exports = {
  themeConfig: {
    nav: [
      {
        text: 'Languages',
        items: [
          { text: 'Chinese', link: '/language/chinese' },
          { text: 'Japanese', link: '/language/japanese' }
        ]
      }
    ]
  }
}

另外，你可以通过嵌套的 items 在下拉菜单中设置子分组：

module.exports = {
  themeConfig: {
    nav: [
      {
        text: 'Languages',
        items: [
          { text: 'Group1', items: [/*  */] },
          { text: 'Group2', items: [/*  */] }
        ]
      }
    ]
  }
}

禁用导航栏

可以使用 themeConfig.navbar，来禁用某个特定页面的导航栏：

// .vuepress/config.js
module.exports = {
  themeConfig: {
    navbar: false
  }
}

你可以通过 YAML front matter 来禁用一个指定页面的导航栏：

---
navbar: false
---