目录侧边栏

An image

文档目录

在项目中的.vitepress/config.mjs/sidebar中配置

默认配置

这种配置访问哪个文档都会存在

export default defineConfig({
    themeConfig:{
        sidebar: [
            {
                text: 'Examples',   //文档目录名称
                items: [
                    { text: 'Markdown Examples', link: '/markdown-examples' },//text文档名称,link文档路径
                    { text: 'Runtime API Examples', link: '/api-examples' }
                ]
            }
        ],
    }
})

不同路径配置

将需要展示该目录的文档全部放在一个文件夹下，例如在项目根目录创建docx，在docx中创建Java文件夹，Java文件夹中创建Java基础、Java面向对象、Java高级设计等.md文档

export default defineConfig({
    themeConfig:{
        sidebar:{
            //配置访问到/docx/Java/路径下的文档都会显示该目录，其他目录的文档都不会显示
            '/docx/Java':[
                {
                    text: 'Java教程',
                    items: [
                        { text: 'Java基础', link: '/docx/Java/Java基础' },
                        { text: 'Java面向对象', link: '/docx/Java/Java面向对象' },
                        { text: 'Java高级设计', link: '/docx/Java/Java高级设计' }
                    ]
                }
            ]
        }
    }
})

文章目录

在项目中的.vitepress/config.mjs中配置

export default defineConfig({
    outlineTitle:'文章目录',
    outline:[2,6],//配置2到6级标题显示
})