Markdown 进阶教程
...大约 2 分钟
Markdown 进阶教程
在学习基础用法之后,我们还可以进一步探索 Markdown 的进阶功能及一些扩展用法。
1. 注释
Markdown 支持使用 HTML 的注释语法:
<!-- 这是注释,页面中不会显示 -->
效果:
2. 分割线
分割线可以通过三个及以上的 -
、*
或 _
实现:
---
***
___
效果如下:
3. 任务列表
使用 [ ]
和 [x]
创建任务列表:
- [x] 已完成任务
- [ ] 未完成任务
- [ ] 第二个未完成任务
效果如下:
- [x] 已完成任务
- [ ] 未完成任务
- [ ] 第二个未完成任务
4. 高亮文字
虽然 Markdown 本身不支持高亮,但可以借助 HTML 标签实现:
使用 `<mark>` 标签高亮文字:<mark>高亮文本</mark>
效果:
使用 <mark>
标签高亮文字:高亮文本
5. 表情符号
Markdown 支持 GitHub 风格的表情符号,使用 :emoji:
的语法。例如:
:smile: :heart: :rocket:
效果如下:
😄 ❤️ 🚀
6. 脚注
添加脚注的语法如下:
这是一个示例脚注[^1]。
[^1]: 这是脚注的内容。
效果如下:
这是一个示例脚注^1。
7. 超链接标题
自动为标题添加锚点,便于直接跳转。以下是示例:
# 一级标题 {#custom-id}
访问锚点的链接:一级标题
8. 扩展语法:数学公式
使用 LaTeX 语法添加数学公式(需要工具支持,如 VuePress 或 Typora)。
行内公式
行内公式示例:$E = mc^2$
效果:
行内公式示例:$E = mc^2$
块级公式
$$
\int_{a}^{b} f(x) dx = F(b) - F(a)
$$
效果如下:
$$ \int_{a}^{b} f(x) dx = F(b) - F(a) $$
9. HTML 支持
Markdown 支持内嵌 HTML,可以直接编写自定义内容。例如:
<div style="color: blue; text-align: center;">
这是一个居中的蓝色文本段落
</div>
效果如下:
这是一个居中的蓝色文本段落
10. 锚点链接
快速创建跳转链接:
[跳到代码块部分](#代码块)
代码块
使用 #代码块
作为锚点标记,链接可以跳转到此处。
11. 自定义字体颜色和大小
结合 HTML 实现自定义字体样式:
<span style="color:red; font-size:20px;">红色大字体</span>
效果如下:
红色大字体
12. 扩展表格对齐方式
使用 :
设定表格对齐方式:
| 左对齐 | 居中对齐 | 右对齐 |
| :----- | :------: | -----: |
| 内容1 | 内容2 | 内容3 |
效果如下:
左对齐 | 居中对齐 | 右对齐 |
---|---|---|
内容1 | 内容2 | 内容3 |
最后
Markdown根据你的需求,还可以探索 Markdown 的各种扩展和工具支持,如 GitHub Flavored Markdown (GFM)、Typora 扩展等。
Powered by Waline v3.4.1
预览: