vuePress 2.x 侧边栏、顶部导航

最新推荐文章于 2024-11-05 11:31:09 发布

原创最新推荐文章于 2024-11-05 11:31:09 发布 · 1.8k 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#前端 #javascript #开发语言

前端同时被 2 个专栏收录

18 篇文章

订阅专栏

3 篇文章

订阅专栏

本文详细介绍了如何在VuePress中配置顶部导航和侧边栏，包括首页链接、自定义菜单及子菜单的创建，以及侧边栏的目录结构设置，帮助你打造个性化的技术博客。

顶部导航

直接再config文件里配置

const { defaultTheme } = require("@vuepress/theme-default");
module.exports = {
  theme: defaultTheme({
    // 默认主题配置
    navbar: [
      {
        text: "首页",
        link: "/",
      },
      { text: "菜单1", link: "/web" },
      { text: "菜单2"，children:[
            {text: "菜单3", link: "/web3" },
            {text: "菜单4", link: "/web4" },
         ],
    ],
  }),
};

侧边栏

   sidebar: {
      "/": [
        {
          text: "首页",
          link: "/",
        },
        { text: "前端", link: "/web" },
      ],
      "/web/": [
        { text: "常见问题", link: "/web/index",children: ['']},
        { text: "关于校验", link: "/web/check" ,children: ['']},
      ],
    },

在这里插入图片描述