🍊 本文详细介绍 Markdown 的常用语法用法，包括：文本加粗、文本倾斜、文本删除、行内代码、引用、有序列表、无需列表、超链接、表格、代码块、标题、数学公式等。

下面是一份 超完整 Markdown 语法大全（每条都有代码 + 实际效果展示）。结构：先写“代码示例”，再写“实际效果”。

一、标题

代码

# 一级标题
## 二级标题
### 三级标题
#### 四级标题
##### 五级标题
###### 六级标题

效果

一级标题

二级标题

三级标题

四级标题

五级标题

六级标题

注意：不建议在页内使用一级标题

二、段落与换行

代码

这是第一段。

这是第二段。

这一行后面加两个空格  
就会换行

效果

这是第一段。

这是第二段。

这一行后面加两个空格就会换行

三、文本强调

代码

*斜体*
_斜体_

**加粗**
__加粗__

***加粗斜体***

~~删除线~~

效果

斜体斜体

加粗加粗

加粗斜体

~~删除线~~

四、引用 Blockquote

代码

> 一级引用
>> 二级引用
>>> 三级引用

效果

一级引用
二级引用
三级引用

五、列表

1️⃣ 无序列表

代码

- 苹果
- 香蕉
  - 小香蕉
  - 大香蕉
- 西瓜

效果

苹果
香蕉
- 小香蕉
- 大香蕉
西瓜

2️⃣ 有序列表

代码

1. 第一
2. 第二
3. 第三

效果

第一
第二
第三

3️⃣ 任务列表（GFM）

代码

- [x] 已完成
- [ ] 未完成

效果

已完成
未完成

六、代码

1️⃣ 行内代码

代码

这是 `console.log()` 示例

效果

这是 console.log() 示例

2️⃣ 代码块

代码

```js
function hello() {
  console.log("Hello");
}
```

效果

function hello() {
  console.log("Hello");
}

七、分割线

代码

---

效果

八、链接

1️⃣ 普通链接

代码

[Google](https://google.com)

效果

Google

2️⃣ 自动链接

代码

https://google.com

效果

https://google.com

九、图片

代码

![示例图片](https://example.com/1)

效果

十、表格（GFM）

代码

| 姓名 | 年龄 | 城市 |
|------|------|------|
| 张三 | 18   | 北京 |
| 李四 | 20   | 上海 |

效果

姓名	年龄	城市
张三	18	北京
李四	20	上海

表格对齐

代码

| 左对齐 | 居中 | 右对齐 |
|:------|:----:|------:|
| a     | b    | c     |

效果

左对齐	居中	右对齐
a	b	c

十一、脚注（部分支持）

代码

这是脚注示例[^1]

[^1]: 这是脚注内容

效果

这是脚注示例¹

十二、Emoji

代码

:smile: :rocket: :fire:

直接输入 :smile: :rocket: :fire:

效果

😀 🚀 🔥

十三、数学公式（支持 KaTeX 的平台）

代码

行内公式：$E = mc^2$

块公式：
$$
\frac{a}{b}
$$

效果

行内公式： $E = mc^2$

块公式：

\frac{a}{b}

十四、折叠内容（GitHub 支持）

代码

<details>
<summary>点击展开</summary>

隐藏内容

</details>

效果

点击展开

隐藏内容

…

十五、HTML 混写

代码

<p align="center">居中文字</p>
<div style="color:red">红色文字</div>

效果

居中文字

蓝色文字

十六、高亮（部分支持）

代码

==高亮文本==

效果

==高亮文本==

十七、上标 / 下标（部分支持）

代码

H~2~O
X^2^

效果

H2O X^2^

十八、Mermaid 流程图（GitHub / Obsidian）

代码

```mermaid
graph TD
A --> B
B --> C
```

效果

graph TD
A --> B
B --> C

十九、转义字符

代码

\*不是斜体\*
\#不是标题

效果

不是斜体 #不是标题

按钮组件

<!-- 按钮组件 -->
::btn[标题]{link="URL 链接"}
<!-- 支持类型：info、success、warning、error、import -->
::btn[按钮]{link="链接" type="info"}

按钮按钮按钮按钮按钮按钮

Note 组件

<!-- note组件 -->
:::note
这是 note 组件 默认主题
:::
<!-- 支持类型：info、success、warning、error、import -->
:::note{type="info"}
这是 note 组件 success 主题
:::

这是 note 组件默认主题

这是 note 组件 info 主题

这是 note 组件 success 主题

这是 note 组件 warning 主题

这是 note 组件 error 主题

这是 note 组件 import 主题

Picture 组件

:::picture
![Astro主题-vhAstro-Theme](https://i0.wp.com/uxiaohan.github.io/v2/2023/03/42944511.png)
![Astro主题-vhAstro-Theme](https://i0.wp.com/uxiaohan.github.io/v2/2023/03/42944511.png)
![Astro主题-vhAstro-Theme](https://i0.wp.com/uxiaohan.github.io/v2/2023/03/42944511.png)
:::

LivePhoto 组件

<!-- 纵向图片 -->
::vhLivePhoto{photo="https://static.vvhan.com/img/1.webp" video="https://static.vvhan.com/img/1.mp4" type="y"}
<!-- 横向图片 -->
::vhLivePhoto{photo="https://static.vvhan.com/img/2.webp" video="https://static.vvhan.com/img/2.mp4"}

Music 组件

<!-- id 支持：歌曲 id / 歌单 id / 专辑 id / 搜索关键词
type 支持：song, playlist, album, search（默认值：song）
server 支持：netease, tencent, kugou, xiami, baidu（默认值：netease） -->
<!-- 单曲 -->
::vhMusic{id="1474697967"}
<!-- 列表 -->
::vhMusic{id="173901981" type="playlist"}

Video 组件

::vhVideo{url="https://originfastly.jsdelivr.net/gh/uxiaohan/uxiaohan.github.io@master/v2/2022/08/index.m3u8"}

这是脚注内容 ↩