【Blog】MarkDown编辑器的使用方法

百科名篇

Markdown是一种可以使用普通文本编辑器编写的标记语言，通过简单的标记语法，它可以使普通文本内容具有一定的格式。
Markdown具有一系列衍生版本，用于扩展Markdown的功能（如表格、脚注、内嵌HTML等等），这些功能原初的Markdown尚不具备，它们能让Markdown转换成更多的格式，例如LaTeX，Docbook等。Markdown增强版中比较有名的有Markdown Extra、MultiMarkdown、 Maruku等。这些衍生版本要么基于工具，如Pandoc；要么基于网站，如GitHub和Wikipedia，在语法上基本兼容，但在一些语法和渲染效果上有改动。（来自百度百科，有删改）

使用方法

1 目录

文章首部添加

@[TOC](自定义标题)

(注：编辑器会根据文章标题自动生成目录)

2 标题

# 1级标题
## 2级标题
### 3级标题
#### 4级标题
##### 5级标题
###### 6级标题

直接输入1次#，并按下space后，将生成1级标题。
输入2次#，并按下space后，将生成2级标题。
以此类推，一般支持6级标题。有助于使用TOC语法后生成一个完美的目录。

效果：

1级标题

2级标题

3级标题

4级标题

5级标题

6级标题

3 文本样式

加粗 :Bold

**Bold**

斜体字 :Italics

*Italics*

高亮 :text

==text==

删除文本

~~删除文本~~

上下标
H₂O is体。
2¹⁰ 运算结果是 1024.

H~2~O is液体。
2^10^ 运算结果是 1024.	

段落 : 段落之间空一行

换行符 : 一行结束时输入两个空格

列表 : * 添加星号成为一个新的列表项

引用 :

引用内容

> 引用内容

字符(串) : YES

`YES`

键盘
space

<kbd>space</kbd>

画水平线：

---

 2. * *

列表

1. 1+1=2
2. 2+3=5
3. 10+3=13

1. 1+1=2
2. 2+3=5
3. 10+3=13

• 1-1=0
• 4-2=2

- 1-1=0
- 4-2=2

• A
• B
• C
• D

 * [ ] A
 * [ ] B
 * [ ] C
 * [x] D

Markdown

Text-to- HTML conversion tool

Authors

John

Luke

Markdown
:  Text-to-HTML conversion tool

Authors
:  John
:  Luke

链接、图片

链接: link.

链接: [link](https://blog.csdn.net/Ljnoit/).

https://blog.csdn.net/Ljnoit/

<https://blog.csdn.net/Ljnoit/>

图片:

![Alt](https://i-blog.csdnimg.cn/blog_migrate/9966f43a8894721a815b27909fda1bde.png)

带尺寸的图片:

![Alt](https://i-blog.csdnimg.cn/blog_migrate/9966f43a8894721a815b27909fda1bde.png# =30x30)

居中的图片:

![Alt](https://i-blog.csdnimg.cn/blog_migrate/9966f43a8894721a815b27909fda1bde.png#pic_center)

居中并且带尺寸的图片:

![Alt](https://i-blog.csdnimg.cn/blog_migrate/9966f43a8894721a815b27909fda1bde.png#pic_center =30x30)

代码

// An highlighted block
var foo = 'bar';

表格

中文题目名称	生日礼物	平均任务	买玩具	每条边的最小生成树
英文题目与子目录名	gift	task	buy	mst
可执行文件名	gift	task	buy	mst
输入文件名	gift.in	task.in	buy.in	mst.in
输出文件名	gift.out	task.out	buy.out	mst.out
每个测试点时限	1 秒	1 秒	1 秒	1 秒
测试点数目	10	10	10	10
每个测试点分值	10	10	10	10
附加样例文件	有	有	有	有
结果比较方式	全文比较（过滤行末空格及文末回车）	全文比较（过滤行末空格及文末回车）	全文比较（过滤行末空格及文末回车）	全文比较（过滤行末空格及文末回车）
题目类型	传统	传统	传统	传统
运行内存上限	128M	128M	128M	128M

|中文题目名称 |生日礼物 |平均任务 |买玩具|每条边的最小生成树|
|--|--|--|--|--|
|英文题目与子目录名| gift |task| buy| mst|
|可执行文件名| gift |task| buy |mst|
|输入文件名| gift.in |task.in |buy.in| mst.in|
|输出文件名 |gift.out| task.out| buy.out |mst.out|
|每个测试点时限 |1 秒 |1 秒| 1 秒 |1 秒|
|测试点数目| 10 |10| 10| 10|
|每个测试点分值 |10| 10 |10 |10|
|附加样例文件| 有| 有 |有| 有|
|结果比较方式 |全文比较（过滤行末空格及文末回车）|全文比较（过滤行末空格及文末回车）|全文比较（过滤行末空格及文末回车）|全文比较（过滤行末空格及文末回车）|
|题目类型 |传统 |传统| 传统 |传统|
|运行内存上限 |128M |128M |128M |128M|

Column 1	Column 2
centered 文本居中	right-aligned 文本居右

| Column 1 | Column 2      |
|:--------:| -------------:|
| centered 文本居中 | right-aligned 文本居右 |

其他更复杂的表格请使用html

分类	软件及版本	说明	启动/使用方法
系统软件	NOI Linux 1.4.1	操作系统	开机自动启动
编译器	GCC 4.8.4	C编译器	终端运行，命令行： gcc test.c -o test
	G++ 4.8.4	C++编译器	终端运行，命令行： g++ test.cpp -o test
	FPC 2.6.2	Pascal编译器	终端运行，命令行： fpc test.pas
调试器	GDB 7.7.1	命令行调试器	终端运行，命令行：gdb
	DDD 3.3.12	命令行调试器	终端运行，命令行：ddd
集成开发环境	GUIDE 1.02	单文件程序IDE(C/C++/Pascal)	鼠标点击启动： 应用程序→编程→GUIDE
	Anjuta 3.10.2	C/C++ IDE	鼠标点击启动： 应用程序→编程→Anjuta IDE
	Lazarus 1.0.12	Pascal IDE	鼠标点击启动： 应用程序→编程→Lazarus

<table>
    <tr>
        <th rowspan="1">分类</th>
        <th rowspan="1">软件及版本</th>
        <th rowspan="1">说明</th>
        <th rowspan="1">启动/使用方法</th>
    </tr>
    <tr>
        <th rowspan="1">系统软件</th>
        <td>NOI Linux 1.4.1</td>
        <td>操作系统</td>
        <td>开机自动启动</td>
    </tr>
    <tr>
        <th rowspan="3">编译器</th>
        <td>GCC 4.8.4</td>
        <td>C编译器</td>
        <td> 终端运行，命令行： gcc test.c -o test</td>
    </tr>
    <tr>
        <td>G++ 4.8.4</td>
        <td>C++编译器</td>
        <td>终端运行，命令行： g++ test.cpp -o test</td>
    </tr>
     <tr>
        <td>FPC 2.6.2</td>
        <td>Pascal编译器</td>
        <td>终端运行，命令行： fpc test.pas</td>
    </tr>
     <tr>
        <th rowspan="2">调试器</th>
        <td>GDB 7.7.1</td>
        <td>命令行调试器</td>
        <td>终端运行，命令行：gdb</td>
    </tr>
    <tr>
        <td>DDD 3.3.12</td>
        <td>命令行调试器</td>
        <td>终端运行，命令行：ddd</td>
    </tr>
      <tr>
        <th rowspan="3">集成开发环境</th>
        <td>GUIDE 1.02</td>
        <td>单文件程序IDE(C/C++/Pascal)</td>
        <td> 鼠标点击启动： 应用程序→编程→GUIDE</td>
    </tr>
    <tr>
        <td>Anjuta 3.10.2</td>
        <td>C/C++ IDE</td>
        <td>鼠标点击启动： 应用程序→编程→Anjuta IDE</td>
    </tr>
     <tr>
        <td>Lazarus 1.0.12</td>
        <td>Pascal IDE</td>
        <td>鼠标点击启动： 应用程序→编程→Lazarus</td>
    </tr>
</table>

注释

Markdown将文本转换为 HTML。

Markdown将文本转换为 HTML。
*[HTML]:   超文本标记语言

LaTeX公式

Gamma公式展示 $\Gamma (n)=(n-1)!\forall n\in \mathbb{N}$ 是通过 Euler integral

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

Gamma公式展示 $\Gamma(n) = (n-1)!\quad\forall
n\in\mathbb N$ 是通过 Euler integral

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

$$F_n=\frac{{\left(\frac{1+\sqrt{5}}{2}\right)}^n-{\left(\frac{1-\sqrt{5}}{2}\right)}^n}{\sqrt{5}}$$

$$
F_n = \frac{\left(\frac{1 + \sqrt{5}}{2}\right)^n - \left(\frac{1 - \sqrt{5}}{2}\right)^n}{\sqrt{5}}
$$

$$a\cdot b=\{\begin{array}{ll}0& \text{if }a=0\\ & \\ 2\cdot \frac{a}{2}\cdot b& \text{if }a>0\text{ and }a\text{ even}\\ & \\ 2\cdot \frac{a-1}{2}\cdot b+b& \text{if }a>0\text{ and }a\text{ odd}\end{array}$$

$$
a \cdot b = \begin{cases}
0 &\text{if }a = 0 \\\\
2 \cdot \frac{a}{2} \cdot b &\text{if }a > 0 \text{ and }a \text{ even} \\\\
2 \cdot \frac{a-1}{2} \cdot b + b &\text{if }a > 0 \text{ and }a \text{ odd}
\end{cases}
$$

$$\left[\begin{array}{cccc}1& 0& 0& 0\\ 0& \cos \theta & \sin \theta & 0\\ 0& -\sin \theta & \cos \theta & 0\\ 0& 0& 0& 1\end{array}\right]$$

$$
\begin{bmatrix}
1 & 0 & 0 & 0 \\
0 & \cos \theta & \sin \theta & 0 \\
0 & -\sin \theta & \cos \theta & 0 \\
0 & 0 & 0 & 1 \\
\end{bmatrix}
$$

甘特图

```mermaid
gantt
        dateFormat  YYYY-MM-DD
        title Adding GANTT diagram functionality to mermaid
        section 现有任务
        已完成               :done,    des1, 2014-01-06,2014-01-08
        进行中               :active,  des2, 2014-01-09, 3d
        计划中               :         des3, after des2, 5d

UML图

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

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

Mermaid流程图

Flowchart流程图

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

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

注脚

一个具有注脚的文本。¹

一个具有注脚的文本。[^1]

[^1]: 注脚的解释

---

1. 注脚的解释 ↩︎