哎哟,看来你找对人了!我是 Agnes,一个虽然年轻但脑子里装着整个互联网知识的 AI 专家。既然你想知道 Markdown 的“底朝天”,那我就把压箱底的干货都倒出来。别担心,我会像给小朋友讲故事一样,把这些枯燥的符号变得生动有趣,保证你看完就能上手写,还能写出让人羡慕的漂亮文档。
咱们不整那些虚头巴脑的“引言”、“综上所述”,直接进入正题,边聊边练。
1. 为什么我们要学 Markdown?先给个甜头
在学之前,你可能在想:“我有 Word,有 Google Docs,干嘛还要学这一堆符号?”
说实话,Markdown 就像是你的“程序员通用语言”或者“文档界的普通话”。
- 跨平台:你在电脑上用 VS Code 写好了,发到 GitHub、语雀、Notion、飞书、掘金、知乎,甚至微信编辑器(部分支持),全都自动渲染好,不用调格式。
- 专注内容:Word 里你经常要选字体、调字号、搞页边距,累半死。Markdown 里你只需要敲字,格式是自动的。
- 版本控制友好:它是纯文本,Git 可以完美追踪你改了哪句话,而 Word 的
.docx简直是噩梦。
所以,学会 Markdown,你就拥有了“一处书写,到处排版”的超能力。
2. 标题:给你的文章“搭骨架”
标题在 Markdown 里非常简单,就是用 # 号。数量决定层级。
# 一级标题(最大,通常是文章主标题)
## 二级标题(章节大标题)
### 三级标题(小节标题)
#### 四级标题
##### 五级标题
###### 六级标题(最小,慎用,太深了乱)
实战小贴士:
- 一级标题通常只用于整篇文章的主标题,不要滥用。
- 很多人喜欢在标题后面加空格,比如
# 标题,这是可选的,但不要在#和文字之间加空格,那样它就变成段落了,不会渲染成标题。 - 结尾的
#号也是可选的,# 标题 ###和# 标题效果一样,但后面这个写法在某些渲染器里更安全,不容易被误读。
看个例子:
# Markdown 完全指南
## 第一章:基础语法
### 1.1 标题怎么弄
#### 1.1.1 多级标题示例
渲染出来就是:
Markdown 完全指南
第一章:基础语法
1.1 标题怎么弄
1.1.1 多级标题示例
是不是超简单?
3. 列表:让信息“排排坐”
列表分两种:无序列表(带小圆点)和有序列表(带数字)。
3.1 无序列表
用 -、+ 或 * 都可以,推荐用 -,最清爽。
- 苹果
- 香蕉
- 橙子
渲染效果:
- 苹果
- 香蕉
- 橙子
注意:- 后面要有一个空格!-苹果 不会变成列表,而是变成一行普通文字。
3.2 有序列表
用数字加句点 .,数字顺序不重要,渲染器会自动排好。
1. 第一步:准备食材
2. 第二步:开始烹饪
3. 第三步:装盘享用
渲染效果:
- 第一步:准备食材
- 第二步:开始烹饪
- 第三步:装盘享用
3.3 嵌套列表:一层套一层
有时候我们需要子项,只要在子项前加两个空格(或一个 Tab)就行。
- 水果
- 苹果(红的)
- 香蕉(黄的)
- 蔬菜
- 西兰花
- 胡萝卜
渲染效果:
- 水果
- 苹果(红的)
- 香蕉(黄的)
- 蔬菜
- 西兰花
- 胡萝卜
易错点:缩进一定要用空格,不要用 Tab(Tab 在某些编辑器里会乱)。一般建议两个空格一个层级。
4. 文本强调:让重点“跳出来”
Markdown 提供了三种强调方式:斜体、粗体 和 删除线。
4.1 斜体
用一对星号 *文字* 或下划线 _文字_。
*这是斜体*
_这也是斜体_
渲染效果: 这是斜体 这也是斜体
4.2 粗体
用两对星号 **文字** 或两对下划线 __文字__。
**这是粗体**
__这也是粗体__
渲染效果: 这是粗体 这也是粗体
4.3 粗斜体
想要既粗又斜?嵌套使用!
***这是粗斜体***
___这也是粗斜体___
渲染效果: 这是粗斜体 这也是粗斜体
4.4 删除线
用两个波浪号 ~~文字~~。
~~这句话被划掉了~~
渲染效果:
这句话被划掉了
场景举例:
“原价
199元,现价 99元!” —— 这效果,电商网站最爱用。
5. 代码块:程序员的“保护区”
这是 Markdown 最强大的功能之一。在技术博客、文档、甚至日常聊天中,我们经常需要展示代码或命令行。
5.1 行内代码
如果你只想在一句话里提一下某个命令或变量名,用反引号 ` 包起来。
请在终端输入 `pip install markdown`
渲染效果:
请在终端输入 pip install markdown
(渲染后,这段文字会有个背景框,看起来像代码。)
5.2 多行代码块( fenced code block)
如果要展示大段代码,就用三个反引号 ` 包起来。强烈建议指定语言,这样会有语法高亮,看起来更专业。
```python
def hello_world():
print("Hello, Markdown!")
hello_world()
console.log("Hello, JavaScript!");
npm install -g yarn
渲染效果(不同平台颜色不同,但结构一致):
def hello_world():
print("Hello, Markdown!")
hello_world()
console.log("Hello, JavaScript!");
npm install -g yarn
重要细节:
后面跟语言名称(如python、javascript、bash、html` 等),不要跟中文,也不要加花括号(那是旧版写法)。- 代码块里的内容,空格、制表符都会被保留,不会被 Markdown 解析成格式。
- 如果你想展示 Markdown 语法本身(比如教别人怎么用
#标题),你需要在代码块里把#换成#或者用 HTML 实体,否则它会真的变成标题。更简单的做法是:用三个反引号包住,然后在代码块内部,把最外层的反引号换成四个反引号。
嵌套代码块示例:
````markdown
# 这是一个标题
- 这是一个列表
````
渲染后,你会看到一段包含 Markdown 语法的代码块,而不是真的标题和列表。
6. 引用:让文字“站队”
引用用 > 符号,可以嵌套多层。
> 这是一级引用。
>> 这是二级引用(嵌套)。
>>> 这是三级引用(再嵌套)。
渲染效果:
这是一级引用。
这是二级引用(嵌套)。
这是三级引用(再嵌套)。
实战场景: 引用常用于:
- 表示注释、补充说明。
- 表示“这段话不是我说的,是别人说的”。
- 在邮件或聊天中回复对方时,引用原话。
7. 链接和图片:让内容“活起来”
7.1 链接
链接的语法是:[链接文字](链接地址 "可选标题")
[百度一下](https://www.baidu.com)
[GitHub 官网](https://github.com "去这里看代码")
小技巧:
- 如果你经常用某个链接,可以定义一个“引用式链接”,方便维护。
[百度][baidu]
[baidu]: https://www.baidu.com "百度首页"
- 这样以后改链接,只改下面那行就行,上面所有
[百度][baidu]都会自动更新。
7.2 图片
图片语法和链接很像,只是前面多了一个 !:

渲染效果:
重要提示:
!不能省,省了就是普通链接。- “替代文字”是必须的!这是为了给视障用户(屏幕阅读器)听的,也用于图片加载失败时显示的文字。
- 图片地址可以是本地路径(如
./images/logo.png),也可以是网络 URL。 - 图片尺寸可以在 Markdown 里调整吗?不能。标准 Markdown 不支持。如果要用 HTML 控制大小,得写成
<img src="..." width="100">,但这破坏了纯 Markdown 的美学。建议用 CSS 或编辑器插件控制。
8. 表格:数据“排排坐”
表格是 Markdown 里最“复杂”但最实用的功能之一。语法是用 | 分隔列,用 - 分隔表头和内容,还可以用 : 控制对齐。
8.1 基础表格
| 姓名 | 年龄 | 城市 |
| ---- | ---- | ------ |
| 张三 | 25 | 北京 |
| 李四 | 30 | 上海 |
| 王五 | 28 | 广州 |
渲染效果:
| 姓名 | 年龄 | 城市 |
|---|---|---|
| 张三 | 25 | 北京 |
| 李四 | 30 | 上海 |
| 王五 | 28 | 广州 |
注意:第二行的 - 后面可以加 : 来对齐文字。
:---左对齐(默认):---:居中对齐---:右对齐
8.2 对齐示例
| 左对齐 | 居中对齐 | 右对齐 |
| :----- | :------: | -----: |
| 内容1 | 内容2 | 内容3 |
| 内容4 | 内容5 | 内容6 |
渲染效果:
| 左对齐 | 居中对齐 | 右对齐 |
|---|---|---|
| 内容1 | 内容2 | 内容3 |
| 内容4 | 内容5 | 内容6 |
实战技巧:
- 表格的列数由第一行决定,后面的行必须对齐。
- 如果某单元格为空,用
| |表示。 - 表格内可以嵌套链接、图片、代码等,但别太花哨,否则渲染会乱。
9. 分隔线:视觉“暂停符”
分隔线用三个或更多的 -、* 或 _,加不加空格都行。
---
***
___
渲染效果都是:一条横线,把内容分成两段。
用途:
- 分隔不同章节或段落。
- 表示“下面要讲新内容了”。
- 在日记或笔记中分隔不同日期的记录。
10. 转义字符:当符号“不想被解析”时
有时候,你只想显示一个 # 或 *,而不是让它变成标题或粗体。这时候用反斜杠 \ 转义。
\*这不是粗体\*
\# 这不是标题
渲染效果: *这不是粗体* # 这不是标题
11. 实战案例解析:写一篇完整的博客文章
现在,我们把学过的所有东西串起来,写一篇关于“如何学习 Markdown”的实战文章。
# 如何高效学习 Markdown:从入门到精通
> 本文适合零基础的开发者、写作者和 note-taker。
## 1. 为什么是 Markdown?
在我接触 Markdown 之前,我每天花 30 分钟调 Word 格式。**自那以后,我每天都在节省时间。**
- **跨平台同步**:OneDrive、iCloud、GitHub 都能用。
- **版本控制**:Git 能追踪每一行修改。
- **轻量级**:记事本就能写,任何编辑器都能读。
## 2. 核心语法速查
### 2.1 标题与段落
```markdown
# 主标题
## 副标题
这是一个段落,中间换行用两个空格+回车,或者直接空一行。
2.2 列表对比
| 类型 | 语法 | 示例 |
|---|---|---|
| 无序 | - item |
- 苹果 |
| 有序 | 1. item |
1. 第一 |
| 任务 | - [ ] task |
- [ ] 待办 |
2.3 代码高亮
def greet(name):
print(f"Hello, {name}!")
greet("Markdown")
输出:
Hello, Markdown!
3. 进阶技巧
3.1 嵌入图片与链接
3.2 表格对齐实战
| 左对齐 | 居中 | 右对齐 |
|---|---|---|
| A | B | C |
3.3 转义特殊字符
如果你需要显示 \*,请写 \\*。
4. 常见误区
- 忘记空格:
-item不会变成列表,必须是- item。 - 图片地址错误:确保路径正确,或用绝对 URL。
- 表格列数不一致:渲染会出错,检查每行
|的数量。
5. 推荐工具
- 编辑器:VS Code(插件:Markdown All in One)、Typora(所见即所得)
- 发布平台:GitHub、语雀、Notion、掘金
希望这篇指南能帮你入门 Markdown!
## 12. 一些“冷知识”和高级玩法
### 12.1 HTML 混用
Markdown 本来就是基于 HTML 设计的,所以你可以直接写 HTML 标签!这在 Markdown 原生不支持时非常有用。
```markdown
这是一个 <mark>高亮</mark> 的段落。
<div style="color: red;">这段文字是红色的</div>
渲染效果: 这是一个 高亮 的段落。
注意:过度使用 HTML 会破坏 Markdown 的简洁性,尽量只在必要时使用。
12.2 Emoji 表情
很多平台(GitHub、Slack、飞书、微信)支持直接用 :emoji_name: 插入表情。
:smile: :heart: :rocket: :thumbsup:
渲染效果: :smile: :heart: :rocket: :thumbsup:
(不同平台支持的 emoji 列表不同,可以用 emoji 查表网站搜索。)
12.3 脚注
这是需要注释的内容[^1]。
[^1]: 这是脚注的内容。
渲染效果: 这是需要注释的内容^1。
12.4 数学公式(LaTeX)
部分 Markdown 渲染器(如 Jupyter Notebook、GitHub Flavored Markdown、Notion)支持 LaTeX 数学公式。
$E = mc^2$
$$
\int_{0}^{\infty} e^{-x^2} dx = \frac{\sqrt{\pi}}{2}
$$
渲染效果: \(E = mc^2\)
\[ \int_{0}^{\infty} e^{-x^2} dx = \frac{\sqrt{\pi}}{2} \]
注意:这不是标准 Markdown,需要特定渲染器支持。
13. 总结:你的 Markdown 工具箱
别慌,不用死记硬背。把这份“ cheatsheet ”存起来,随时查阅:
| 功能 | 语法 | 示例 |
|---|---|---|
| 标题 | # H1, ## H2 |
# 标题 |
| 粗体 | ` |
