微光云创 微光云创
首页
  • 初衷与诞生
  • 介绍
  • 名词解释
  • 项目案例
  • 优质源码
  • 脚本程序
  • 专享API
  • 引流实战
  • 引流经验分享
  • 自热SOP
  • 投流案例实操
  • 变现方案及思路
  • 资源共享
问题答疑
首页
  • 初衷与诞生
  • 介绍
  • 名词解释
  • 项目案例
  • 优质源码
  • 脚本程序
  • 专享API
  • 引流实战
  • 引流经验分享
  • 自热SOP
  • 投流案例实操
  • 变现方案及思路
  • 资源共享
问题答疑
  • 指南

    • 主题初衷与诞生
    • 介绍
    • 快速上手
    • 目录结构
    • 构建结构化站点的核心配置和约定
    • 自动生成front matter
    • Markdown 容器
    • Markdown 中使用组件
  • 配置

    • 主题配置
    • 首页配置
    • front matter配置
    • 目录页配置
    • 添加摘要
    • 修改主题颜色和样式
    • 评论栏
  • 相关文章

    • 使目录栏支持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)

评论栏
如何让你的笔记更有表现力

← 评论栏 如何让你的笔记更有表现力→

Theme by Vdoing | Copyright © 2024-2025 北京微光云创科技有限公司
  • 跟随系统
  • 浅色模式
  • 深色模式
  • 阅读模式