Markdown 高级技巧

2025 年真正算“高级”的 Markdown 技巧（99% 的人都不知道）

类别	技巧名称	写法（直接复制）	效果 / 场景
目录自动生成	[TOC] 一键生成	放在文件最前面： [TOC] 或 [[toc]] 或 {% toc %}	Typora、Obsidian、语雀、Hexo、VuePress、GitBook 自动生成可点击目录
任务进度条	真实进度条	“`markdown
	更骚的	markdown<br>**学习进度** [███████████▒░░] 85%	用全角方块更好看
脚注	学术级脚注	Grok 4 非常强[^1]<br><br>[^1]: 由 xAI 开发，支持超长上下文和实时搜索	GitHub、语雀、Typora、Obsidian、掘金全支持
折叠块	细节折叠（神技）	markdown<br><details><summary>点击展开查看安装步骤</summary><br><br>1. 下载...<br>2. 安装...<br></details>	GitHub、语雀、Obsidian、Typora 1.7+、掘金全支持
彩色标签/标记	状态标签	<span style="color:#fff;background:#f66;padding:2px 8px;border-radius:4px">紧急</span>	语雀、Typora、Obsidian、掘金最爱
Mermaid 图表	流程图/时序图/思维导图	mermaid<br>flowchart TD<br> A[开始] --> B{是否学会?}<br> B -->|是| C[毕业]<br> B -->|否| A	GitHub、语雀、Typora、Obsidian（需插件）、掘金、Notion（部分）
LaTeX 数学公式	行内与块级公式	行内：$\int_0^\infty e^{-x^2}dx=\frac{\sqrt{\pi}}{2}$ 块级：$$\frac{\partial u}{\partial t} = h^2 \left( \frac{\partial^2 u}{\partial x^2} + \frac{\partial^2 u}{\partial y^2} \right)$$	Typora、Obsidian、语雀、掘金、Hexo、VuePress、Notion（部分）
呼唤卡片	Anki 式卡片	markdown<br>?? 问题在前<br>!! 答案在后（翻转可见）	Obsidian + Spacing 插件、Typora + 自定义 CSS
嵌入视频	B站/YouTube 直接嵌入	![[https://www.bilibili.com/video/BV1Xt421d79e]] 或 HTML <video src="...">	语雀、Obsidian（Embed插件）、Typora、Notion
评论/批注	侧边批注	^这是批注内容^ 或 [^注]: 这是一条注释	Obsidian 原生、Typora、语雀支持
自动编号	章节自动编号	在 Obsidian/Typora 设置 CSS：h1 {counter-reset: h2} 等	写长文档/电子书神器
表格 + 表情 + 进度	终极周报表格	见下面模板

2025 年最骚的 5 个组合模板（直接复制惊艳所有人）

[TOC]

## 本周进度（自动进度条）
- 学习 Markdown   [████████████████████] 100% ✅
- 写技术博客       [██████████████▒░░░░░] 75%
- 摸鱼              [████████████████████] 1000% 🐟

## 任务状态（彩色标签）
| 任务         | 状态                                | 负责人 |
| ------------ | ----------------------------------- | ------ |
| 修复登录 Bug | <span style="color:#fff;background:#f66;padding:4px 8px;border-radius:6px">紧急</span> | 张三 |
| 新增功能     | <span style="color:#fff;background:#4ade80;padding:4px 8px;border-radius:6px">已完成</span> | 李四 |

## 流程图（Mermaid）

mermaid
graph TD
A[打开 Markdown] –> B{今天学废了吗?}
B –>|是的| C[继续学高级技巧]
B –>|没有| D[去摸鱼]
C –> E[成为 Markdown 大师]

## 数学公式（装逼专用）
行内公式：质能方程 $E=mc^2$  
块级公式：
$$
\sum_{i=1}^n i = \frac{n(n+1)}{2}
$$

## 折叠细节（隐藏长内容）
<details>
<summary>📁 点击展开查看超详细安装步骤（共 28 步）</summary>

1. 第一步...
2. 第二步...
...
28. 完成！现在你已经是 Markdown 之神了

</details>

各平台高级技巧支持度（2025 年最新）

技巧	GitHub	语雀	Typora	Obsidian	掘金	Notion
[TOC] 目录	✅	✅	✅	✅	✅	❌
Mermaid	✅	✅	✅	✅	✅	部分
数学公式	✅	✅	✅	✅	✅	部分
折叠	✅	✅	✅	✅	✅	❌
彩色标签	❌	✅	✅	✅	✅	✅

掌握上面这些，你已经进入 Markdown 前 1% 玩家了！
想要我一次性打包发你「2025 最强 Markdown 高级模板包」（50+ 个模板，包括：年度复盘、简历、电子书、产品文档、个人主页、Anki 卡片、会议纪要…）吗？
直接说“我要模板包”，我 10 秒发你网盘链接～