正好前段时间用 Vue 写了一个 Markdown Editor。
于是特此整理一下 Markdown 的基本语法。
基本语法
1. 标题
两种形式:
1) 使用 =
和 -
标记一级和二级标题。
一级标题
=======
二级标题
-----------
效果:
一级标题
二级标题
2) 使用 #
,可以表示 1 – 6 级标题。
# 一级标题
## 二级标题
### 三级标题
#### 四级标题
##### 五级标题
###### 六级标题
效果:
一级标题
二级标题
三级标题
四级标题
五级标题
六级标题
2. 段落
在段落的前后要有空行。若想在段内强制换行,则使用两个以上空格加上回车(引用中换行省略回车)。
3. 区块引用
在段落的每行或者第一行使用符号 >
,还可以多个嵌套引用:
> 区块引用
>> 嵌套引用
效果:
区块引用
嵌套引用
4. 代码区块
在代码的前后加上 ```
,如:
void main()
{
printf("Hello, Markdown.");
}
5.强调
在强调内容两侧分别加上 *
或 _
,如:
*斜体*,_斜体_
**粗体**,__粗体__
效果:
斜体,斜体
粗体,粗体
6. 列表
使用 ·
、+
或 -
标记无序列表,如:
-(+) 第一项 -(+) 第二项 – (+*)第三项
注意:标记后面最少有一个空格或制表符。若不在引用区块中,必须和前方段落之间存在空行。
效果:
- 第一项
- 第二项
- 第三项
有序列表的标记方式是将上述的符号换成数字,并辅以.
,如:
- 第一项
- 第二项
- 第三项
7. 分割线
分割线最常使用就是三个或以上 *
,还可以使用 -
和 _
。
8. 链接
1) 行内式:
[Markdown Editor](https://base-ui.yangqianguan.com/component/md-editor)
效果:
2) 参考式:
[Markdown Editor][1]
[1]:https://base-ui.yangqianguan.com/component/md-editor
效果:
注意: 上述的 [1]:https://base-ui.yangqianguan.com/component/md-editor
不出现在区块中。
9. 图片
和链接相似,只需在前面加一个 !
。
符号 `
起标记的作用,如:
ctrl + a