手把手教你使用markdown编辑器（超详细）

如何使用markdown编辑器来写博客

之前使用markdown格式编写文档，但是都是一些零零散散的格式，今天有点空闲时间来总结一下markdown的格式，便于自己以后书写marikdown文档。

目录

用[TOC]来生成目录：
code如下：

[TOC]

效果如下：

认识markdown

markdown是一种轻量级的标记语言，它允许人们使用易读易写的纯文本格式编写文档，然后转换成格式丰富的HTML页面。 ———— [ 维基百科 ]

markdown优点

• 有编程一样的体验
• 可读，直观，适合所有人的写作语言
• 不用关心排版、专注于编写文字
• 可导出为PDF、html格式的文档

markdown编写工具介绍

• 有道云笔记(自己在用，其他是网上推荐的)：自带的markdown编辑器–有道云笔记下载
• typora
• haroopad
• cuteMarkdownEd
• web上的markdown编辑器
• atom中的markdown插件
• 小书匠markdown编辑器
• eclipse中的markdown插件
• notepad++中的markdown插件

斜体加粗

*我是斜体*

** 我是粗体**

***我是邪粗体***

我是斜体

我是粗体

我是邪粗体

链接

[我是一个链接](https://www.baidu.com/)

我是一个链接

列表

有序列表

code如下：

1. 第一项

2. 第一项

3. 第一项

注意：小数点之后有空格，多级有序目录参考下面的多极无序目录的写法

效果如下：
1. 第一项
2. 第二项
3. 第三项

无序列表

code如下：

使用*或者-创作无序项，注意需要添加空格

* 无序项1

  * 无序项1的子项1

    * 无序项1的子项2

      * 下一级无序项

- 无序项2

  - 无序项2的子项1

    - 无序项2的子项2

      - 下一级无序项

* 无序项3

注意：下一级目录要在*或者-添加两个空格，比如：一级目录写完后，二级目录就要在一级目录下面输入两个空格之后再输如*或者-。有序列表原理一致。

效果如下：

• 无序项1
  
  • 无序项1的子项1
  • 无序项1的子项2
  • 下一级无序项
• 无序项2
  
  • 无序项2的子项1
  • 无序项2的子项2
  • 下一级无序项
• 无序项3

表格

Markdown Extra表格语法

项目        |    价格

————–| ——–

Computer |  $1600 Phone      |$12

Pipe         | $1

项目	价格
Computer	$1600
Phone	$12
Pipe	$1

可以使用冒号来定义对齐方式：

| 项目 | 价格 | 数量 |

| :——– | ——–:| :–: |

| Computer | 1600 元 | 5 |

| Phone | 12 元 | 12 |

| Pipe | 1 元 | 234 |

项目	价格	数量
Computer	1600 元	5
Phone	12 元	12
Pipe	1 元	234

定义列表语法

Markdown　Extra　定义列表语法:

项目1


项目２

: 定义 A

: 定义 B


项目３

: 定义 C

: 定义 D

定义D内容

项目１

项目２

定义 A

定义 B

项目３

定义 C

定义 D

定义D内容

代码块

代码块语法遵循标准markdown代码，例如：

“`java

public class HelloWorld {

public static void main(String[] args){

System.out.println(“hello world”);

}

}

>>> hello world

“`

public class HelloWorld {
    public static void main(String[] args){
        System.out.println("hello world");
    }
}

>>> hello world

脚注

生成一个脚注\1.

\2: 这里是 **脚注** 的 *内容*.

生成一个脚注3.

数学公式(部分支持，如csdn)

使用MathJax渲染LaTex 数学公式，详见math.stackexchange.com.

• 行内公式，数学公式为：$\Gamma(n) = (n-1)!\quad\forall n\in\mathbb N$。
• 块级公式：

$$x = \dfrac{-b \pm \sqrt{b^2 - 4ac}}{2a}$$

更多LaTex语法请参考 这儿.

图形绘制(部分支持，如csdn)

UML图

可以渲染序列图：

“`sequence

张三->李四: 嘿，小四儿, 写博客了没?

Note right of 李四: 李四愣了一下，说：

李四–>张三: 忙得吐血，哪有时间写。

“`

可以渲染序列图：

流程图

“`flow
st=>start: 开始

e=>end: 结束

op=>operation: 我的操作

cond=>condition: 确认？

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

• 关于 序列图 语法，参考 这儿,
• 关于 流程图 语法，参考 这儿.

优快云-markdown快捷键

• 加粗 Ctrl + B
• 斜体 Ctrl + I
• 引用 Ctrl + Q
• 插入链接 Ctrl + L
• 插入代码 Ctrl + K
• 插入图片 Ctrl + G
• 提升标题 Ctrl + H
• 有序列表 Ctrl + O
• 无序列表 Ctrl + U
• 横线 Ctrl + R
• 撤销 Ctrl + Z
• 重做 Ctrl + Y

标题

code如下：

# 标题一
## 标题二
### 标题三
#### 标题四
##### 标题五
###### 标题六

效果如下：

一级标题

二级标题

三级标题

四级标题

五级标题

六级标题

---

1. 这里是 脚注 的 内容. ↩
2. 这里是 脚注 的 内容. ↩
3. 这里是 脚注 的 内容. ↩