粉粉蕉的笔记本粉粉蕉的笔记本
  • JAVA

    • 代码笔记
    • Java8实战
    • 分布式事务实战(Seata)
    • 模板引擎(FreeMarker)
    • SpringSecurity
  • PYTHON

    • 概述
    • python3
    • python3(菜鸟教程)
    • pandas
    • numpy
    • matplotlib
  • 中间件

    • Kafka
    • RocketMQ
    • Redis
    • MongoDB
    • Elastic Search
  • 数据库

    • Mysql
  • 设计模式
  • 运维

    • linux命令速查
    • windows命令速查
    • Docker笔记
    • kubernetes学习笔记
    • kubernetes实操笔记
    • 运维工具大全
    • git操作宝典
  • 大数据

    • 概览
    • Hadoop
    • Hive
  • 机器学习

    • 机器学习概览
  • 概率论
  • 线性代数
  • 统计学
  • 金融知识学习
  • 聚宽
  • 因子分析
  • RSS
  • 资源导航
  • 医保
  • 健身

    • 笔记
    • 训练计划
  • 装修攻略
  • 读书笔记

    • 《深度学习》
我也想搭建这样的博客!
🚋开往
  • JAVA

    • 代码笔记
    • Java8实战
    • 分布式事务实战(Seata)
    • 模板引擎(FreeMarker)
    • SpringSecurity
  • PYTHON

    • 概述
    • python3
    • python3(菜鸟教程)
    • pandas
    • numpy
    • matplotlib
  • 中间件

    • Kafka
    • RocketMQ
    • Redis
    • MongoDB
    • Elastic Search
  • 数据库

    • Mysql
  • 设计模式
  • 运维

    • linux命令速查
    • windows命令速查
    • Docker笔记
    • kubernetes学习笔记
    • kubernetes实操笔记
    • 运维工具大全
    • git操作宝典
  • 大数据

    • 概览
    • Hadoop
    • Hive
  • 机器学习

    • 机器学习概览
  • 概率论
  • 线性代数
  • 统计学
  • 金融知识学习
  • 聚宽
  • 因子分析
  • RSS
  • 资源导航
  • 医保
  • 健身

    • 笔记
    • 训练计划
  • 装修攻略
  • 读书笔记

    • 《深度学习》
我也想搭建这样的博客!
🚋开往
  • 我也想搭建这样的博客

    • 概述
    • 现在开始!

      • 初始化项目
      • 写一篇文章
      • 侧边栏
      • 使用emoji
      • 在文章中画流程图
      • 在文章中画函数图
      • 加入开往
      • Vuepress插件
      • 部署到githubpages
      • 申请属于自己的域名
      • 迁移至Vuepress2.0

侧边栏

为单个页面添加侧边栏

假设你有一个test.md 页面。在markdown文件的YAML front matter加上sidebar: 'auto'即可。示例:

---
title: test
sidebar: 'auto'
---

这样,在打开test.md页面时,会在左侧自动生成侧边栏。他的深度默认为1,即显示h1,h2,h3标题。

如果想修改深度为2,可在markdown文件的YAML front matter加上sidebarDepth: 2。

深度为0时,只显示h1,h2标题;(2个#号)
深度为1时,显示h1,h2,h3标题;(3个#号)
深度为2时,显示h1,h2,h3,h4标题;(4个#号)

---
title: test
sidebar: 'auto'
sidebarDepth: 2
---

为某个目录设置侧边栏

在docs/.vuepress/config.js文件中,增加以下配置:

module.exports = {
    themeConfig: {
        sidebar: {
            '/目录1/':['文件1','文件2','文件3']
        }
    }
}
Last Updated: 10/11/23, 6:07 AM
Contributors: dongyz8
Prev
写一篇文章
Next
使用emoji