Markdown语法小记

1,496 阅读2分钟

1.代码折叠

<details>
<summary>Title</summary>
content
</details>
Title content

2.添加自定义颜色的下划线

<span style="border-bottom:1px dashed green;">所添加的需要加下划线的行内文字</span>
#dashed:虚线
# solid:实线

一个像素绿色的虚线

三个像素红色的实线

3.删除线

~~删除线~~

删除线

4.直接连接

https://github.com
<example@gmail.com>

github.com
example@gmail.com

5.上划线,下划线

$\overline{asdfg}$ 
$\underline{qwert}$

\overline{asdfg}
\underline{qwert}

6.清单

- [x] 洗碗
- [ ] 清洗油烟机
- [ ] 拖地
  • 洗碗
  • 清洗油烟机
  • 拖地

7.表格

换行用<br>

| 编号  | 姓名(左) | 年龄(右) | 性别(中) |
| ----- | :--------  | ---------: | :------:   |
| 0     | 张三<br> sds| 28        | 男         |
| 1     | 李四       | 29         | 男         |
编号 姓名(左) 年龄(右) 性别(中)
0 张三
sds
28
1 李四 29

8.分割线

# 3种都行
***
-----
- - -



9.图文混排

 <img align="right" src="https://p1-jj.byteimg.com/tos-cn-i-t2oaga2asx/gold-user-assets/2020/3/23/1710691825e5d673~tplv-t2oaga2asx-image.image"/>

这是一个示例图片。

图片显示在 N 段文字的右边。

N 与图片高度有关。

刷屏行。

刷屏行。

到这里应该不会受影响了,本行应该延伸到了图片的正下方,所以我要足够长才能确保不同的屏幕下都看到效果。

这是一个示例图片。

图片显示在 N 段文字的右边。

N 与图片高度有关。

刷屏行。

刷屏行。

到这里应该不会受影响了,本行应该延伸到了图片的正下方,所以我要足够长才能确保不同的屏幕下都看到效果。

10.自定义图片大小、对齐方式

# 默认左对齐
<div align="center"><img width="65" height="75" src="https://p1-jj.byteimg.com/tos-cn-i-t2oaga2asx/gold-user-assets/2020/3/23/1710691825e5d673~tplv-t2oaga2asx-image.image"/></div>

11.文字开头空2个字符

&emsp;&emsp;春天来了,又到了万物复苏的季节。

  春天来了,又到了万物复苏的季节。

12.自定义字体,颜色,字体大小

# Size:规定文本的尺寸大小。可能的值:从 1 到 7 的数字。浏览器默认值是 3
<font face="黑体">我是黑体字</font>
<font face="微软雅黑">我是微软雅黑</font>
<font face="STCAIYUN">我是华文彩云</font>
<font color=#0099ff size=6 face="黑体">color=#0099ff size=6 face="黑体"</font>
<font color=#00ffff size=9>color=#00ffff</font>
<font color=gray size=72>color=gray</font>

我是黑体字 我是微软雅黑 我是华文彩云 color=#0099ff size=6 face="黑体" color=#00ffff color=gray

13.特别提醒(掘金特有)

特别提醒

14.上下角标

H2O

CO2

爆米TM

H<sub>2</sub>O  
CO<sub>2</sub>
爆米<sup>TM</sup>