markdown 基础用法

#### italic 

_this_

#### bold 

**awesome**

#### both italic and bold:   

**_This is unbelievable_**.

#### head:       

# Header one

## Header two

### Header three

#### Header four

##### Header five

###### Header six

#### link 

inline link: wrap the link text in brackets ( [ ] ), and then you wrap the link in parenthesis ( ( ) )

eg: [Search for it.}(www.google.com)   [You're **really, really** going to want to see this](www.dailykitten.com)

reference link: 

     Here's [a link to something else][another place].
     Here's [yet another link][another-link].
     And now back to [the first link][another place].

     [another place]: www.github.com
     [another-link]: www.google.com

#### images

inline image link:


 a reference link: reference tag + image source

[The first father][First Father]

[The second first father][Second Father]

[First Father]:http://octodex.github.com/images/founding-father.jpg
[Second Father]: http://octodex.github.com/images/foundingfather_v2.png

#### blockquote

用于引入名言，或引起注意，一段一段的，每段前面插入>大于号

>"Her eyes had called him and his soul had leaped at the call. To live, to err, to fall, to triumph, to recreate life out of life!"

#### list

unordered list: preface each item in the list with an asterisk ( * )

* Flour, 
* Cheese, 
* Tomatoes

• Flour,
• Cheese,
• Tomatoes

 ordered list:  prefaced with numbers

1. Cut the cheese, 
2. Slice the tomatoes, 
3. Rub the tomatoes in flour

1. Cut the cheese,
2. Slice the tomatoes,
3. Rub the tomatoes in flour

make a list with more depth, or, to nest one list within another: indent each asterisk one space more than the preceding item

* Calculus, 
 * A professor, 
 * Has no hair, 
 * Often wears green
* Castafiore,  
 * An opera singer, 
 * Has white hair, 
 * Is possibly mentally unwell

• Calculus,
  • A professor,
  • Has no hair,
  • Often wears green
• Castafiore,
  • An opera singer,
  • Has white hair,
  • Is possibly mentally unwell   

#### paragraph

如果想达到效果：

We pictured the meek mild creatures where  
They dwelt in their strawy pen,  
Nor did it occur to one of us there  
To doubt they were kneeling then. 

需要 insert two spaces after each new line，类似

Do I contradict myself?··
Very well then I contradict myself,··
(I am large, I contain multitudes.)

Each dot ( · ) represents a space on the keyboard.

快捷键
---------------------------
撤销：Ctrl/Command + Z
重做：Ctrl/Command + Y
加粗：Ctrl/Command + Shift + B
斜体：Ctrl/Command + Shift + I
标题：Ctrl/Command + Shift + H
无序列表：Ctrl/Command + Shift + U
有序列表：Ctrl/Command + Shift + O
检查列表：Ctrl/Command + Shift + C
插入代码：Ctrl/Command + Shift + K
插入链接：Ctrl/Command + Shift + L
插入图片：Ctrl/Command + Shift + G

标题
---------------------------

# 1级标题

## 2级标题

### 3级标题

#### 四级标题

##### 五级标题

###### 六级标题


文本样式
---------------------------

*强调文本* _强调文本_

**加粗文本** __加粗文本__

==标记文本==

~~删除文本~~

> 引用文本

H~2~O is是液体。

2^10^ 运算结果是 1024。



列表
---------------------------

- 项目
  * 项目
    + 项目

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

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



链接
---------------------------

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

图片: ![Alt](https://avatar.csdn.net/7/7/B/1_ralf_hx163com.jpg)

带尺寸的图片: ![Alt](https://avatar.csdn.net/7/7/B/1_ralf_hx163com.jpg =30x30)



代码片
---------------------------

下面展示一些 `内联代码片`。

```
// A code block
var foo = 'bar';
```

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



表格
---------------------------

项目     | Value
-------- | -----
电脑  | $1600
手机  | $12
导管  | $1


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



自定义列表
---------------------------

Markdown
:  Text-to-HTML conversion tool

Authors
:  John
:  Luke



注脚
---------------------------

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

[^1]: 注脚的解释



注释
---------------------------

Markdown将文本转换为 HTML。

*[HTML]:   超文本标记语言



LaTeX 数学公式
---------------------------

Gamma公式展示 $Gamma(n) = (n-1)!quadforall
ninmathbb N$ 是通过 Euler integral

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


插入甘特图
---------------------------

```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/>不适合放在一行.

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

插入Flowchart流程图
-------
```mermaid
flowchat
st=>start: 开始
e=>end: 结束
op=>operation: 我的操作
cond=>condition: 确认？

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