【5】VitePress搭建个人博客-侧边栏设置

最新推荐文章于 2025-10-09 17:59:20 发布

原创

最新推荐文章于 2025-10-09 17:59:20 发布 · 1.7k 阅读

12 ·

CC 4.0 BY-SA版权

文章标签：

#前端 #vue

本文介绍了如何在VitePress文档中配置侧边栏，包括基本链接数组形式，可折叠和多级菜单结构，以及根据页面路径显示不同侧边栏的示例。

侧边栏

侧边栏是文档的主要导航块。可以在 themeConfig.sidebar 中配置侧边栏菜单

基本使用

侧边栏菜单的最简单形式是传入一个链接数组。第一级项目定义了侧边栏部分。它应该包含text，即该部分的标题，以及 items ，即实际的导航链接。
在这里插入图片描述

export default {
   
   
  themeConfig: {
   
   
    sidebar: [
      {
   
   
          text: "欢迎阅读",
          items: [
            {
   
   
              text: "阅读须知",
              link: "/posts/阅读须知",
            },          
          ],
        },
        {
   
   
          text: "vitepress",
          collapsible:true,
          collapsed