通过 themeConfig.nav 增加导航栏链接

// .vuepress/config.js
export default {
  themeConfig:{
       nav: [
          {
              text: '主页'
          },
          {
              text: '关于',
          },
          {
              text: 'GitHub',
          }
      ]
  }  
};

# 设置链接

// .vuepress/config.js
export default {
  themeConfig:{
       nav: [
          {
              text: '主页',link:'/'
          },
          {
              text: '关于',link:'/about/'
          },
          {
              text: 'GitHub',link:'https://github.com/hvnobug/'
          }
      ]
  }  
};

# 设置图标

自定义图标请移步自定义图标

// .vuepress/config.js
export default {
  themeConfig:{
       nav: [
          {
              text: '主页',link:'/',icon:'home'
          },
          {
              text: '关于',link:'/about/',icon:'about'
          },
          {
              text: 'GitHub',link:'https://github.com/hvnobug/',icon:'github'
          }
      ]
  }  
};

# 设置图标颜色

// .vuepress/config.js
export default {
  themeConfig:{
       nav: [
          {
              text: '主页',link:'/',icon:{
                  name:'home',
                  color:'red'
              }
          }
      ]
  }  
};

# 设置图标大小

// .vuepress/config.js
export default {
  themeConfig:{
       nav: [
          {
              text: '主页',link:'/',icon:{
                  name:'home',
                  size:'1rem'
              }
          }
      ]
  }  
};

# 二级导航栏

export default {
  themeConfig:{
       nav: [
           {
                text: '文档',
                icon: 'document',
                items: [
                    {text: 'Wordpress', link: '/document/wordpress/', icon: 'wordpress'}
                ]
           }
       ]
   }
};