news 2026/6/10 18:34:44

在Markdown文档中添加目录的方法

作者头像

张小明

前端开发工程师

1.2k 24
文章封面图
在Markdown文档中添加目录的方法

在Markdown文档中添加目录有多种方法,下面介绍几种常用的方式:

一、自动生成目录(部分编辑器/平台支持)

1.使用 [TOC] 标记(Typora、部分GitHub项目等)

@[toc] # 标题1 ## 标题2 ### 标题3

2.使用插件/扩展

  • VS Code:安装Markdown All in One插件,按Ctrl+Shift+P输入 “Create Table of Contents”
  • Obsidian:使用[[TOC]]或安装目录插件

二、手动创建目录(通用方法)

1.基本目录结构

# 文章标题 ## 目录 - [一、简介](#一简介) - [二、安装](#二安装) - [2.1 环境要求](#21-环境要求) - [2.2 安装步骤](#22-安装步骤) - [三、使用](#三使用) - [四、常见问题](#四常见问题) ## 一、简介 这里是简介内容... ## 二、安装 ### 2.1 环境要求 ### 2.2 安装步骤 ## 三、使用 ## 四、常见问题

2.创建锚点链接

[跳转到第一章](#第一章) # 第一章 内容...

三、使用工具自动生成

1.命令行工具

# 使用 doctoc 工具npminstall-g doctoc doctoc README.md

2.在线工具

  • Markdown 目录生成器
  • GitHub 的 TOC 生成

四、优化技巧

1.美化目录样式

<details> <summary>点击展开目录</summary> - [第一章](#第一章) - [第二章](#第二章) </details>

2.带序号的目录

1. [简介](#简介) 2. [安装](#安装) 1. [环境要求](#环境要求) 2. [安装步骤](#安装步骤)

3.GitHub兼容的锚点规则

  • 标题中的标点会被忽略
  • 空格转换为-
  • 大写字母转换为小写
  • ## 2.1 Hello World!的锚点是#21-hello-world

五、最佳实践示例

# 项目文档 <!-- TOC --> - [项目简介](#项目简介) - [快速开始](#快速开始) - [前置要求](#前置要求) - [安装步骤](#安装步骤) - [使用指南](#使用指南) - [基本用法](#基本用法) - [高级功能](#高级功能) - [API参考](#api参考) - [常见问题](#常见问题) <!-- /TOC --> ## 项目简介 ... ## 快速开始 ### 前置要求 ### 安装步骤 ## 使用指南 ### 基本用法 ### 高级功能 ## API参考 ## 常见问题

注意事项

  1. 锚点一致性:确保目录中的链接与标题完全一致
  2. 层级清晰:合理使用缩进表示层级关系
  3. 及时更新:文档修改后同步更新目录
  4. 平台兼容性:不同平台(GitHub、GitLab、Gitee等)对目录支持可能不同

选择哪种方法取决于你的使用场景和编辑器支持情况。对于需要跨平台分享的文档,建议使用手动创建的方法以确保兼容性。

版权声明: 本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若内容造成侵权/违法违规/事实不符,请联系邮箱:809451989@qq.com进行投诉反馈,一经查实,立即删除!
网站建设 2026/6/10 10:42:24

学霸同款2026 AI论文网站TOP8:本科生毕业论文神器测评

学霸同款2026 AI论文网站TOP8&#xff1a;本科生毕业论文神器测评 2026年学术写作工具测评&#xff1a;为何选择这些AI论文网站&#xff1f; 随着人工智能技术的不断进步&#xff0c;越来越多的本科生开始依赖AI工具辅助毕业论文的撰写。然而&#xff0c;面对市场上琳琅满目的A…

作者头像 李华
网站建设 2026/6/10 10:46:44

AI测试数据集构建:工程化实践与质量保障体系

一、AI测试数据的独特性与挑战 与传统测试数据的本质差异 三维验证需求&#xff1a;模型精度、鲁棒性、伦理合规性&#xff08;如GDPR/《生成式AI服务管理办法》&#xff09; 对抗性样本必要性&#xff1a;FGSM攻击样本覆盖率需≥15%&#xff08;IEEE标准ISO/IEEE 29119-11:20…

作者头像 李华
网站建设 2026/6/10 12:12:59

从0到1:新手如何高效克隆一个Demo代码仓库!

每一个开发者都曾从克隆第一个代码仓库开始自己的技术旅程。对于新手来说&#xff0c;掌握这一基础技能至关重要。本文将聚焦于实际操作&#xff0c;手把手引导你完成Demo仓库的克隆&#xff0c;迈出编程实践的关键一步。 一、下载模组的示例代码 下载示例代码到一个合适的项目…

作者头像 李华
网站建设 2026/6/10 10:42:55

Cadence 1.8V LDO电路设计之旅

cadance 1.8v LDO电路 cadance virtuoso 设计 模拟电路设计 LDO带隙基准电路设计 带设计报告&#xff08;14页word&#xff09; 基于tsmc18工艺&#xff0c;模拟ic设计 bandgapLDO 1.8v LDO电路 包含工程文件和报告 可以直接打开在模拟电路设计的领域中&#xff0c;Cadence Vir…

作者头像 李华
网站建设 2026/6/7 16:06:54

SpringBoot的高校宣讲会管理系统

博主介绍&#xff1a;✌ 专注于Java,python,✌关注✌私信我✌具体的问题&#xff0c;我会尽力帮助你。一、研究目的本研究旨在设计并实现一个基于SpringBoot的高校宣讲会管理系统&#xff0c;以提升高校宣讲会的组织效率和管理水平。具体研究目的如下&#xff1a; 首先&#xf…

作者头像 李华