Markdown高级语法
1. 下划线
Markdown 原生不支持下划线,但如果你的 Markdown 处理器支持 HTML,可以使用 <ins>
标签
markdown
文字 <ins>将被加下划线</ins>
文字 将被加下划线
2. 缩进(Tab)
可用 Tab
缩进段落创建换行或代码块
markdown
缩进的段落测试
缩进的段落测试
3. 文字居中
Markdown 没有文本对齐的语法,但可以使用 HTML
标签
新年晨曦洒满天
markdown
<p align="center">新年晨曦洒满天</p>
<p align="center">
<img src="图片链接" alt="图片描述" />
</p>
4. 文字颜色
Markdown 不支持更改文字颜色,但可以用 HTML
标签实现
markdown
<font color="red">这段文字是红色的!</font>
<p style="color:blue">这段文字是蓝色的。</p>
这段文字是蓝色的。
5. 注释
- 通过 html 的 标记
markdown
<!-- 这是一段被注释掉的文字 -->
这是一段没有被注释的文字
这是一段没有被注释的文字
- 通过样式隐藏段落内容
markdown
<div style="display:none">
这是一段被注释掉的文字
</div>
这是一段没有被注释的文字
- 通过 Markdown 自身的解析原理
markdown
这是可见的段落。
[这是一个隐藏的注释]: #
这是另一个可见的段落
这是可见的段落。
这是另一个可见的段落
6. 警告
可以使用引用块(>
)+ Emoji
+ 加粗
模拟
markdown
> :warning: **警告:** 不要按下大红色按钮!
> :memo: **注意:** 日出很美。
> :bulb: **提示:** 记得珍惜生活中的小事。
⚠️ 警告: 不要按下大红色按钮! 📝 注意: 日出很美。 💡 提示: 记得珍惜生活中的小事。
7. 调整图片大小
可以用 HTML 设定图片尺寸
markdown
<img src="../../img/rocks.jpg" width="200" height="100"/>
8. 图片标题
可以使用 HTML 的 <figure>
和 <figcaption>
为图片添加标题
markdown
<figure>
<img src="../../img/rocks.jpg" alt="描述文本">
<figcaption>图片描述</figcaption>
</figure>
markdown

*描述图片*
9. 标签打开链接
markdown
<a href="https://www.baidu.cn" target="_blank">百度</a>
10. 特殊字符
markdown
版权 (©) — ©
注册商标 (®) — ®
商标 (™) — ™
欧元 (€) — €
左箭头 (←) — ←
上箭头 (↑) — ↑
右箭头 (→) — →
下箭头 (↓) — ↓
度数 (°) — °
圆周率 (π) — π
版权 (©) — ©
注册商标 (®) — ®
商标 (™) — ™
欧元 (€) — €
左箭头 (←) — ←
上箭头 (↑) — ↑
右箭头 (→) — →
下箭头 (↓) — ↓
度数 (°) — °
圆周率 (π) — π
11. 表格格式
在表格中换行或插入列表
- 表格内换行
markdown
| 语法 | 描述 |
| --------- | ----------- |
| 换行 | 第一段。<br><br>第二段。 |
语法 | 描述 |
---|---|
换行 | 第一段。 第二段。 |
- 表格内列表
markdown
| 语法 | 描述 |
| --------- | ----------- |
| 列表 | <ul><li>项目一</li><li>项目二</li></ul> |
语法 | 描述 |
---|---|
列表 |
|
12. 目录
在 Markdown 中,你可以为标题添加自定义锚点,然后在文档内创建链接
markdown
#### 目录
- [下划线](#markdown-下划线)
- [缩进](#markdown-缩进)
- [居中对齐](#markdown-文字剧中)
- [更改文字颜色](#makrdown-文字颜色)
目录
13. 插入视频
markdown
<iframe height="540" width="700" src="https://www.bilibili.com/video/BV1Rx411g7w1?t=24.0" scrolling="no" border="0" frameborder="no" framespacing="0" allowfullscreen="true"> </iframe>