动手学计算机 动手学计算机
首页
Java
计算机基础
数据库
常用框架
分布式系统
人工智能AI
项目
算法题
场景分析
GitHub (opens new window)
首页
Java
计算机基础
数据库
常用框架
分布式系统
人工智能AI
项目
算法题
场景分析
GitHub (opens new window)
  • 一、前言

    • 介绍
  • 二、指南

    • 主题初衷与诞生
    • 介绍
    • 目录结构
    • 构建结构化站点的核心配置和约定
    • Markdown 容器
    • 快速上手
    • Markdown 中使用组件
  • 三、相关文章

    • 使目录栏支持h2~h6标题
      • markdown.extractHeaders
    • 如何让你的笔记更有表现力
    • 批量操作front matter工具
    • 部署
    • 关于写文章和一级标题
    • 关于博客搭建与管理
    • 在线编辑和新增文章的方法
目录

使目录栏支持h2~h6标题

在.vuepress/config.js添加如下配置即可使 VuePress 提取相应标题级别的数据,并应用到主题的右侧目录栏中v1.10.0 +。

# markdown.extractHeaders

  • 类型: Array
  • 默认: ['h2', 'h3']

Markdown 文件的 headers (标题 & 小标题) 会在准备阶段被提取出来,并存储在 this.$page.headers 中。默认情况下,VuePress 会提取 h2 和 h3 标题。你可以通过这个选项来修改提取出的标题级别。

module.exports = {
  markdown: {
    extractHeaders: [ 'h2', 'h3', 'h4', 'h5', 'h6' ]
  }
}

注:此配置来自 VuePress官方文档 (opens new window)

Markdown 中使用组件
如何让你的笔记更有表现力

← Markdown 中使用组件 如何让你的笔记更有表现力→

最近更新
更多文章>
Copyright © 2024-2025 蟹老板 版权所有 京ICP备2025108274
  • 跟随系统
  • 浅色模式
  • 深色模式
  • 阅读模式