导航栏

导航栏可能包含你的页面标题、搜索框、 导航栏链接、多语言切换、仓库链接，它们均取决于你的配置。

导航栏 logo

你可以通过 themeConfig.logo 增加导航栏 Logo ，Logo 可以被放置在公共文件目录，

注意：

logo 图片要放在 public 目录下，并且 路径也是基于public 目录来进行配置的

module.exports = {
  themeConfig: {
    logo: '/assets/img/logo.png',
  }
}

导航栏搜索框 (暂时没有配置，后续补充)

导航栏链接配置

在 .vuepress/config.js 文件夹下面配置导航栏的信息。

属性：
text---- 导航栏的文字
link---- 导航栏连接地址（当填写网址时，会自动变为外部链接）
target--- 跳转页面的打开方式，类似 a 标签的target属性， _blank 新的窗口打开，默认在当前页面打开
rel ---- 暂时未知，没有使用过

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

导航栏链接嵌套

类似多级菜单的嵌套，在父级菜单中 添加 items 属性 即可（具体配置如下图）

当你提供了一个 items 数组而不是一个单一的 link 时，它将显示为一个 下拉列表

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

导航栏禁用

你可以使用 themeConfig.navbar 来禁用所有页面的导航栏：

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

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

---
navbar: false
---