熟练掌握以下Markdown语法够用足以
- 标题
- 列表
- 链接和图片
- 引用
- 粗体和斜体
- 代码引用
- 表格
一、标题
这是最为常用的格式,在平时常用的的文本编辑器中大多是这样实现的:输入文本、选中文本、设置标题格式。
而在 Markdown 中,你只需要在文本前面加上 #
即可,同理、你还可以增加二级标题、三级标题、四级标题、五级标题和六级标题,总共六级,只需要增加 # 即可,标题字号相应降低。例如:
# 一级标题
## 二级标题
### 三级标题
#### 四级标题
##### 五级标题
###### 六级标题
注意
#
和「一级标题」之间建议保留一个字符的空格,这是最标准的 Markdown 写法
效果如下:

二、列表
列表格式也很常用,在 Markdown 中,你只需要在文字前面加上 - 就可以了,例如:
- 文本1
- 文本2
- 文本3
如果你希望有序列表,在文字前面加上 1. 2. 3. 就可以了,例如:
1. 文本1
2. 文本2
3. 文本3
注:-、1.和文本之间要保留一个字符的空格。
效果如下:

三、链接和图片
在 Markdown 中,插入链接不需要其他按钮,你只需要使用 [显示文本](链接地址)
这样的语法即可,例如:
[简书](https://www.jianshu.com/u/5a173592e24c)
在 Markdown 中,插入图片不需要其他按钮,你只需要使用 [图片上传失败...(image-332bfb-1515556543941)]
这样的语法即可,例如:

注:插入图片的语法和链接的语法很像,只是前面多了一个 !。
插入链接和图片的案例截图:

技巧:修改插入图片大小
- 修改插入图片后的链接
比如刚才插入图片后的图片地址是:https://img.haomeiwen.com/i1761290/4266443358fe8bad.png?imageMogr2/auto-orient/strip%7CimageView2/2/w/1240,修改1240为其他数字就好了 - 嵌入HTML代码
使用img标签
<img src="./xxx.png" width = "300" height = "200" alt="图片名称" align=center />
附:如果需要居中的话只要在外面包围div标签即可
<div align="center">
...
</div>
四、引用
在我们写作的时候经常需要引用他人的文字,这个时候引用这个格式就很有必要了,在 Markdown 中,你只需要在你希望引用的文字前面加上 > 就好了,例如:
> 如果每一个混蛋的内心都住着一个天使该有多好。
注:> 和文本之间要保留一个字符的空格。
最终显示效果:
如果每一个混蛋的内心都住着一个天使该有多好。
使用案例截图:

五、粗体和斜体
Markdown 的粗体和斜体也非常简单,用两个 *
包含一段文本就是粗体的语法,用一个 *
包含一段文本就是斜体的语法。例如:
如果每一个 混蛋 的内心都住着一个 天使 该有多好。
示例中混蛋就是粗体,天使 就是斜体
使用案例截图:

六、代码引用
需要引用代码时,如果引用的语句只有一段,不分行,可以用 ` 将语句包起来。
如果引用的语句为多行,可以将 ``` 置于这段代码的首行和末行。
使用案例截图:

七、表格
相关代码:
| Tables | Are | Cool |
| ------------- |:-------------:| -----:|
| col 3 is | right-aligned | $1600 |
| col 2 is | centered | $12 |
| zebra stripes | are neat | $1 |
显示效果:
Tables | Are | Cool |
---|---|---|
col 3 is | right-aligned | $1600 |
col 2 is | centered | $12 |
zebra stripes | are neat | $1 |
相关代码:
dog | bird | cat
----|------|----
foo | foo | foo
bar | bar | bar
baz | baz | baz
显示效果:
dog | bird | cat |
---|---|---|
foo | foo | foo |
bar | bar | bar |
baz | baz | baz |
结束
如想深究Markdown,可以参考这篇『Markdown 语法说明』。
网友评论