Markdown 高级技巧（十一）

11.高级技巧

一、支持 HTML

Markdown 允许直接使用 HTML 标签，以弥补原生语法不足。

常用内联标签：

标签	用途	示例
​<kbd>	键盘按键	​<kbd>Ctrl</kbd>+<kbd>C</kbd>​ → Ctrl​+C
​<b>	粗体	同 **粗体**
​<i>	斜体	同 *斜体*
​<sup>	上标	​x<sup>2</sup> → x²
​<sub>	下标	​H<sub>2</sub>O → H₂O
​<br>	换行	行尾加两个空格也可

示例：

使用 <kbd>Ctrl</kbd>+<kbd>Alt</kbd>+<kbd>Del</kbd> 重启电脑

⚠️ 块级 HTML 标签（如 <div>​、<table>）需与前后内容空行分隔，内部 Markdown 语法可能无效。

二、转义字符

使用反斜杠 \ 转义特殊符号，使其原样显示。

可转义字符列表：

\   反斜线
`   反引号
*   星号
_   下划线
{}  花括号
[]  方括号
()  小括号
#   井号
+   加号
-   减号
.   英文句点
!   感叹号

示例：

**正常粗体**
\*\* 显示星号 \*\*

渲染效果：** 显示星号 **

三、数学公式（LaTeX）

需借助 Markdown 渲染器（如 Typora、VS Code + Markdown Preview Enhanced）支持，通常使用 KaTeX 或 MathJax。

行内公式：$...$​ 或 \(...\)​
块级公式：$$...$$​ 或 \[...\]​ 或 ```math

示例：

质能方程：$E = mc^2$

$$
\begin{Bmatrix}
a & b \\
c & d
\end{Bmatrix}
$$

📌 具体支持的符号可查阅 KaTeX 支持列表。

四、图表与流程图

许多 Markdown 编辑器支持通过代码块绘制图表，常用方案：

• Mermaid（推荐）：流程图、时序图、甘特图、类图等
• Flowchart.js：标准流程图
• Sequence.js：时序图

五、使用建议

• HTML：仅当 Markdown 无法满足时使用（如修改图片尺寸、复杂布局）
• 转义：需显示特殊符号时使用
• 公式：适合学术写作、技术笔记
• 图表：Mermaid 是当前最主流方案，语法简洁，支持广泛（Typora、GitHub、GitLab 等均支持）

总结速查表

高级功能	实现方式	典型场景
HTML 标签	直接嵌入	按键 、上下标、复杂布局
转义字符	​\*	显示 * # _ 等保留字符
数学公式	​$...$​ / $$...$$	数学推导、物理公式
流程图	Mermaid graph	算法流程、业务流程
时序图	Mermaid sequenceDiagram	交互过程、接口调用
甘特图	Mermaid gantt	项目计划、进度管理

不同编辑器支持的扩展语法可能不同，请查阅对应文档（如 Typora、VS Code 插件、GitHub Flavored Markdown）。

‍