Markdown 进阶教程(带详尽语法示例)
本教程在进阶技巧的基础上,为每个功能模块补充了更加丰富、直观的语法示例与效果说明,方便你随时复制和对照练习。基础用法可以前往Markdown快速入门
1. 扩展语法与 HTML 标签
标准 Markdown 在某些精细化排版(如居中、控制图片尺寸、自定义颜色)上力不从心,此时可以直接嵌入 HTML 标签。
示例 1:文字居中与右对齐
<div align="center">这行文字会居中显示</div>
<div align="right">这行文字会靠右显示</div>示例 2:调整图片大小
<!-- 通过 HTML 的 width 和 height 属性控制图片尺寸 -->
<img src="https://markdown-here.com/img/icon256.png" width="80" height="80" alt="示例图片">示例 3:自定义文字颜色与字号
<font color="#E74C3C" size="4">这行文字是红色的,且字号较大。</font>
<span style="background-color: #F1C40F; padding: 2px 6px;">这是一段带有黄色背景高亮的文字。</span>2. 高级表格与内容对齐
通过冒号 : 控制表格列的对齐方式,同时表格单元格内支持嵌入粗体、行内代码、链接等 Markdown 语法。
语法示例:
| 操作系统 | 推荐编辑器 | 状态 | 官网链接 |
| :--- | :---: | ---: | [点击查看](https://github.com) |
| Windows | Typora / VS Code | `已安装` | 100% |
| macOS | Obsidian / Ulysses | `配置中` | 85% |- 效果说明:第一列左对齐,第二列居中对齐,第三列右对齐,第四列嵌入了超链接。
3. 数学公式 (LaTeX)
现代 Markdown 编辑器(如 Typora、Obsidian、GitHub)对 LaTeX 公式提供了完美支持。
示例 1:行内公式
质能方程可以写为:$E = mc^2$,其中 $c$ 表示光速。- 效果:质能方程可以写为:$E = mc^2$,其中 $c$ 表示光速。
示例 2:块级公式(居中独立成行)
$$
f(x) = \int_{-\infty}^{\infty} f(x) e^{-i 2\pi xt} \, dt
$$- 效果:
$$ f(x) = \int_{-\infty}^{\infty} f(x) e^{-i 2\pi xt} \, dt $$
4. 脚注与注释 (Footnotes)
当你需要在文章中做专业引用或详细补充说明时,脚注可以保持正文的简洁。
语法示例:
这是一段需要引用权威文献的正文内容[^ref1]。
这也是另一处需要补充说明的细节[^note2]。
[^ref1]: 《Markdown 高级排版指南》,2026年版。
[^note2]: 这里的补充说明可以写得很长,编辑器通常会自动将其悬浮或归纳在文档末尾。5. 任务列表 (Task Lists)
非常适合用于制作个人待办清单、项目迭代计划或 Bug 修复列表。
语法示例:
- [x] 已完成基础 Markdown 学习
- [x] 已掌握 LaTeX 数学公式编写
- [ ] 待完成:学习 Mermaid 流程图绘制
- [ ] 待完成:输出一份完整的项目技术文档- 效果说明:带有
[x]的项目会自动渲染为已勾选状态,[ ]为未勾选状态。
6. 流程图与图表 (Mermaid)
无需额外安装绘图软件,直接用纯文本即可生成逻辑清晰的流程图。
语法示例:
graph TD
A[需求分析] --> B{技术可行吗?}
B -- 是 --> C[开始编写 Markdown]
B -- 否 --> D[调整技术方案]
C --> E[导出分享与发布]7. 目录自动生成 (TOC)
对于结构庞大、层级复杂长篇大论,可以使用全局目录标签。
语法示例:
<!-- 在文章的正文开头或者摘要下方插入此行代码 -->
[TOC]
# 第一章 引言
# 第二章 核心内容- 效果说明:主流编辑器(如 Typora)会在该位置动态解析并生成可点击跳转的侧边栏或正文目录大纲。