首页
/ 在Just-the-Docs中全局排除H1标题的TOC生成方法

在Just-the-Docs中全局排除H1标题的TOC生成方法

2025-05-28 08:20:36作者:邓越浪Henry

Just-the-Docs是一个基于Jekyll的文档主题,它提供了自动生成目录(TOC)的功能。在实际使用中,开发者可能会遇到需要从目录中排除所有一级标题(H1)的需求。

问题背景

许多开发者使用LSP(Language Server Protocol)工具进行Markdown编辑时,这些工具会自动在标题后添加换行符。这导致无法直接在H1标题后添加{: .no_toc }类来排除该标题从目录中显示。手动为每个H1标题添加排除标记不仅繁琐,而且影响文档的整洁性。

解决方案

通过修改Jekyll配置文件_config.yml,可以全局设置目录生成规则:

kramdown:
  toc_levels: 2..6

这个配置利用了Kramdown(Just-the-Docs使用的Markdown解析器)提供的选项功能。toc_levels参数指定了应该包含在目录中的标题级别范围,这里设置为从2级(H2)到6级(H6),从而自动排除所有1级标题(H1)。

技术原理

  1. Kramdown解析器:作为Jekyll默认支持的Markdown解析器之一,提供了丰富的文档处理选项
  2. 目录级别控制toc_levels参数接受一个范围值,确定哪些级别的标题应该出现在生成的目录中
  3. 全局配置优势:相比逐个标题添加排除标记,这种方法更加简洁且易于维护

实际效果

应用此配置后:

  • 所有H1标题将不会出现在页面目录中
  • 无需在每个H1标题后手动添加{: .no_toc }
  • 保持文档源文件的整洁性
  • 与各种编辑器和LSP工具兼容性更好

最佳实践建议

  1. 对于文档网站,通常建议保留H1标题作为页面主标题,而使用H2-H6构建内容结构
  2. 如果确实需要显示某些H1标题在目录中,可以单独为其添加{:toc}标记
  3. 此配置不会影响页面内容的显示,只会影响目录生成行为

这种方法简化了文档维护工作流程,特别是对于大型文档项目,能够显著提高开发效率。

登录后查看全文
热门项目推荐

热门内容推荐

最新内容推荐

项目优选

收起
kernelkernel
deepin linux kernel
C
22
6
RuoYi-Vue3RuoYi-Vue3
🎉 (RuoYi)官方仓库 基于SpringBoot,Spring Security,JWT,Vue3 & Vite、Element Plus 的前后端分离权限管理系统
Vue
898
534
KonadoKonado
Konado是一个对话创建工具,提供多种对话模板以及对话管理器,可以快速创建对话游戏,也可以嵌入各类游戏的对话场景
GDScript
21
13
nop-entropynop-entropy
Nop Platform 2.0是基于可逆计算理论实现的采用面向语言编程范式的新一代低代码开发平台,包含基于全新原理从零开始研发的GraphQL引擎、ORM引擎、工作流引擎、报表引擎、规则引擎、批处理引引擎等完整设计。nop-entropy是它的后端部分,采用java语言实现,可选择集成Spring框架或者Quarkus框架。中小企业可以免费商用
Java
7
0
note-gennote-gen
一款跨平台的 Markdown AI 笔记软件,致力于使用 AI 建立记录和写作的桥梁。
TSX
86
4
openHiTLSopenHiTLS
旨在打造算法先进、性能卓越、高效敏捷、安全可靠的密码套件,通过轻量级、可剪裁的软件技术架构满足各行业不同场景的多样化要求,让密码技术应用更简单,同时探索后量子等先进算法创新实践,构建密码前沿技术底座!
C
374
387
CangjieCommunityCangjieCommunity
为仓颉编程语言开发者打造活跃、开放、高质量的社区环境
Markdown
1.09 K
0
ShopXO开源商城ShopXO开源商城
🔥🔥🔥ShopXO企业级免费开源商城系统,可视化DIY拖拽装修、包含PC、H5、多端小程序(微信+支付宝+百度+头条&抖音+QQ+快手)、APP、多仓库、多商户、多门店、IM客服、进销存,遵循MIT开源协议发布、基于ThinkPHP8框架研发
JavaScript
94
15
cherry-studiocherry-studio
🍒 Cherry Studio 是一款支持多个 LLM 提供商的桌面客户端
TypeScript
627
60
HarmonyOS-ExamplesHarmonyOS-Examples
本仓将收集和展示仓颉鸿蒙应用示例代码,欢迎大家投稿,在仓颉鸿蒙社区展现你的妙趣设计!
Cangjie
403
386