Markdown编辑器语法大全

一、什么是Markdown?

Markdown是一种轻量级标记语言,创始人为约翰·格鲁伯(英语:John Gruber)。它允许人们使用易读易写的纯文本格式编写文档,然后转换成有效的XHTML(或者HTML)文档。这种语言吸收了很多在电子邮件中已有的纯文本标记的特性。

由于Markdown的轻量化、易读易写特性,并且对于图片,图表、数学式都有支持,目前许多网站都广泛使用Markdown来撰写帮助文档或是用于论坛上发表消息。 如GitHub、Reddit、Diaspora、Stack Exchange、OpenStreetMap、SourceForge、简书等,甚至还能被使用来撰写电子书。

二、语法大全

1、常用语法

Markdown语法

详解

快捷键

效果

*斜体*

 

Ctrl/⌘ + I

斜体

**粗体**

 

Ctrl/⌘ + B

粗体

==标记文本==  
~~删除文本~~  
> 引用文本">"后需加空格Ctrl + Q

# 一级标题

"#"后需加空格

 

一级标题

## 二级标题

以此类推三级标题为三个“#”

 

二级标题

[链接](http://www.zy13.net)

“[]”间为显示的超文本

Ctrl/⌘ + K

链接

![图片](https://cn.vuejs.org/images/logo.png)

“[]”间为图片名

Ctrl/⌘ + Shift + I

 

 

* 无序列表

 

Ctrl + L

 

1. 有序列表一

2.有序列表二

3.有序列表三

  
  1. 有序列表一
  2. 有序列表二
  3. 有序列表三

---

水平分割线

 

————

`内联代码` 的使用

 

Ctrl/⌘ + Shift + K

 

```

代码块

```

```javascript
// 这里填写代码
var msg = 'Hello world!';

```

H~2~O is是液体。

2^10^ 运算结果是 1024.

 
按下<kbd>Enter</kbd>键 

 

2、功能快捷键

Markdown快捷键
撤销Ctrl /⌘+Z
重做Ctrl /⌘+Y
加粗Ctrl /⌘+B
斜体Ctrl /⌘+I
标题Ctrl /⌘+Shift +H
有序列表Ctrl /⌘+Shift +O
无序列表Ctrl /⌘+Shift +U
待办列表Ctrl /⌘+Shift +C
插入代码Ctrl /⌘+Shift +K
插入链接Ctrl /⌘+Shift +L
插入图片Ctrl /⌘+Shift +G
查找Ctrl /⌘+F
替换Ctrl /⌘+G

3、列表

- 项目
  - 项目
    - 项目

1. 项目1
2. 项目2
3. 项目3

- [ ] 计划任务
- [x] 完成任务

 

4、表格

一个简单的表格是这么创建的:

|商品|数量|单价|
|:-----------|:-----------:|-----------:|
|手机|10|¥1999元|
|电脑|5|¥5000元|

 

第二行表示对齐方式:

:---------: 居中
:---------- 左对齐
----------: 右对齐

5、图片 

默认图片:![图片名称](https://cn.vuejs.org/images/logo.png)

带尺寸的图片: ![图片名称](https://cn.vuejs.org/images/logo.png =30x30)

居中的图片: ![图片名称](https://cn.vuejs.org/images/logo.png#pic_center)

居中并且带尺寸的图片: ![图片名称](https://cn.vuejs.org/images/logo.png#pic_center =30x30)

 6、甘特图功能

```mermaid
gantt
        dateFormat  YYYY-MM-DD
        title 标题
        section 现有任务
        已完成               :done,    des1, 2014-01-06,2014-01-08
        进行中               :active,  des2, 2014-01-09, 3d
        计划一               :         des3, after des2, 5d
        计划二               :         des4, after des3, 5d
```

 

 7、UML 图表

序列图: 

```mermaid
sequenceDiagram
张三 ->> 李四: 你好!李四, 最近怎么样?
李四-->>王五: 你最近怎么样,王五?
李四--x 张三: 我很好,谢谢!
李四-x 王五: 我很好,谢谢!
Note right of 王五: 李四想了很长时间, 文字太长了<br/>不适合放在一行.

李四-->>张三: 打量着王五...
张三->>王五: 很好... 王五, 你怎么样?
```

 

流程图:

```mermaid
graph LR
A[长方形] -- 链接 --> B((圆))
A --> C(圆角长方形)
B --> D{菱形}
C --> D
```

 

FLowchart流程图:

```mermaid
flowchat
st=>start: 开始
e=>end: 结束
op=>operation: 我的操作
cond=>condition: 确认?

st->op->cond
cond(yes)->e
cond(no)->op
```

8、KaTeX数学公式 

Gamma公式展示 $\Gamma(n) = (n-1)!\quad\forall
n\in\mathbb N$ 是通过欧拉积分

$$
\Gamma(z) = \int_0^\infty t^{z-1}e^{-t}dt\,.
$$

 

已标记关键词 清除标记