本篇用于测试大纲页是否能正常运行。

综合测试文稿：大纲组件测试 ​

欢迎阅读本测试文稿，以下内容将模拟一个非常复杂的结构，用于检测 TOC 组件是否能够正确识别和渲染嵌套标题。

第一节：基础部分 ​

基本结构介绍。

1.1 简介（这个标题被手动忽略了，你不该在左边看见它） ​

这是一段介绍。

1.2 内容概览 ​

• 项目 A
• 项目 B
  • 子项目 B1
  • 子项目 B2

1.2.1 列表后接标题

# 你不该看见这个tag，它在大纲里会被忽略

​

说明列表后面的标题是否被正确识别。

1.2.1.1 深层级示例 ​

function testTOC() {
  console.log("TOC test");
}

1.2.1.1.1 六级标题：这是一个非常非常非常非常非常非常非常非常长的标题，用于测试 TOC 渲染是否会溢出、换行或被遮挡 ​

第二节：嵌套复杂结构 ​

2.1 章节结构 ​

该章节包含层级不一致的标题。

2.1.1 子章节 A ​

内容 A。

2.1.1.1 子子章节 A.1：这是另一个非常非常非常非常非常非常非常非常长的标题，用于测试不同层级下的渲染效果 ​

2.2 非连续嵌套 ​

直接从 h3 到 h5，测试跳跃识别。

2.2.1 跳跃标题 ​

略过了 h4。

2.2.2 回到 h4 级别 ​

确保结构仍然正确。

2.3 同级标题重复 ​

• 第一部分

2.3 同级标题重复（重名） ​

• 第二部分

2.3.1 重复子标题 ​

用于测试同名标题是否会引起冲突。

2.3.1 重复子标题（再次） ​

再次测试同名情况。

2.3.1 重复子标题：这是一个极长极长极长极长极长极长极长极长极长极长的标题，它应该在 TOC 中优雅地显示而不会破坏布局 ​

第三节：与其他内容混排 ​

3.1 与图片混合 ​

3.2 与引用块混合 ​

“一个伟大的 TOC 应该能够穿越一切阻碍。”

3.3 与分隔线混合 ​

3.4 与表格混合 ​

附录 ​

附录 A：注释说明 ​

附录 B：长标题处理 ​

附录 B.1：这是一个非常非常非常非常非常非常非常长的标题，用于测试 TOC 渲染是否会被截断或者溢出 ​

附录 B.2：另一个非常非常非常非常非常非常非常非常长的标题，它比上一个还要更长，甚至包含了许多无意义的重复词汇来测试极端场景 ​