Navbar

Motivation

Same to VuePress Default Theme (opens new window), The Navbar may contain your page title, Search Box (opens new window), Navbar Links (opens new window), Languages (opens new window) and Repository Link (opens new window), they all depend on your configuration.

VT introduced some extra Navbar features.

Nav Links on the left ⓘ0.6.0+

In VuePress Default Theme (opens new window), you can add links to the navbar via themeConfig.nav:

// .vuepress/config.js
module.exports = {
  themeConfig: {
    nav: [
      { text: "Guide", link: "/guide/" },
      { text: "API", link: "/api/" },
    ],
  },
};

These links display on the right by default, you can change them into the right via additional position config:

// .vuepress/config.js
module.exports = {
  themeConfig: {
    nav: [
      { text: "Guide", link: "/guide/" },
      { text: "API", link: "/api/" },
      {
        text: "Nav Links on the left",
        link: "/guide/navbar.html#nav-links-on-the-left",
        position: "left",
      },
    ],
  },
};

The effect is shown on this site.