Hello Markdown

本文用于记录Markdown常用语法。

Markdown is created by Daring Fireball; the original guideline is here. Its syntax, however, varies between different parsers or editors. Typora is using [GitHub Flavored Markdown][GFM].

每个符号后加一个空格才能正确渲染，推荐在进行写作时切换到源代码模式。

[toc]

块元素

段落（ ctrl+ 0）

在Typora中通过回车 Return来创建新的段落。

Shift + Return 可用于创建单个换行符。

标题

# 一级标题（ `ctrl`+ `1`）
## 二级标题（ `ctrl`+ `2`）
### 三级标题（ `ctrl`+ `3`）
#### 四级标题（ `ctrl`+ `4`）
##### 五级标题（ `ctrl`+ `5`）
###### 六级标题（ `ctrl`+ `6`）

块引用（ ctrl+ Shift+ Q）

> 这是一个文字块
>

> 这是第二个文字块
>

>## 这是添加在二级标题上的文字块

>> 这是二级引用

列表

# 无序列表
* red
* blue
* green

# 有序列表
1. red
2. blue
3. green

代码块（ ctrl+ Shift+ K）

# 普通代码块
​```
Hello World!
​```
# 根据语言高亮代码块
​```ruby
require 'redcarpet'
markdown = Redcarpet.new("Hello World!")
puts markdown.to_html

### 公式（ `ctrl`+ `Shift`+ `M`）

$$
\frac{\partial p}{\partial x}=0
$$

​```markdown
$$
\frac{\partial p}{\partial x}=0
$$

You can find more details here.

表格

1. 极简方式

   name | 价格 |  数量  
   -|-|-
   香蕉 | $1 | 5 |
   苹果 | $1 | 6 |
   草莓 | $1 | 7 |

   | name | 价格 | 数量 |
   | —— | —— | —— |
   | 香蕉 | $1 | 5 |
   | 苹果 | $1 | 6 |
   | 草莓 | $1 | 7 |

2. 简单方法

   name | 111 | 222 | 333 | 444
   - | :-: | :-: | :-: | -:
   aaa | bbb | ccc | ddd | eee| 
   fff | ggg| hhh | iii | 000|

   | name | 111 | 222 | 333 | 444 |
   | —— | :—: | :—: | :—: | —-: |
   | aaa | bbb | ccc | ddd | eee |
   | fff | ggg | hhh | iii | 000 |

3. 原生方法

   name | 111 | 222 | 333 | 444
   :-: | :-: | :-: | :-: | :-:
   aaa | bbb | ccc | ddd | eee| 
   fff | ggg| hhh | iii | 000|

   | name | 111 | 222 | 333 | 444 |
   | :—: | :—: | :—: | :—: | :—: |
   | aaa | bbb | ccc | ddd | eee |
   | fff | ggg | hhh | iii | 000 |

注脚

You can create footnotes like this[^1].

[^1]: Here is the *text* of the **footnote**.

任务

- [x] 已完成
- [ ] 待完成

分割线

*** 或者---都可以插入一条分割线。

目录

输入[toc]用于创建目录。

流程图

通过如下代码可以便捷的绘制流程图：

st=>start: Start
op=>operation: Your Operation
cond=>condition: Yes or No?
e=>end

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

st=>start: Start
op=>operation: Your Operation
cond=>condition: Yes or No?
e=>end

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

行内元素

链接

# 原生方法
This is [an example](http://example.com/ "Title") inline link.

[This link](http://example.net/) has no title attribute.

# HTML
<p>This is <a href="http://example.com/" title="Title">

<p><a href="http://example.net/">This link</a> has no

'按住ctrl可以在浏览器中访问链接'

# 插入URLs
例如插入邮箱<veenzhou@gmail.com>
有的网址也能直接识别，例如www.google.com

引用链接

This is [an example][id] reference-style link.

Then, anywhere in the document, you define your link label on a line by itself like this:

[id]: http://example.com/  "Optional Title Here"

图片

![这个文字我也不知道是干啥的](/path/to/img.jpg)

文字样式

*此文本为斜体。*
_此文本也是。_

**此文本为粗体。**
__此文本也是__

***此文本是斜体加粗体。***
**_或者这样。_**
*__这个也是！__*

~~此文本为删除线效果。~~

行内代码Use the `printf()` function.

<u>下划线</u>

表情符号:smile:

HTML

HTML基本语法都支持，之后有时间再出教程吧。

You can use HTML to style content what pure Markdown does not support. For example, use <span style="color:red">this text is red</span> to add text with red color.

Embed Contents

Some websites provide iframe-based embed code which you can also paste into Typora. For example:

<iframe height='265' scrolling='no' title='Fancy Animated SVG Menu' src='http://codepen.io/jeangontijo/embed/OxVywj/?height=265&theme-id=0&default-tab=css,result&embed-version=2' frameborder='no' allowtransparency='true' allowfullscreen='true' style='width: 100%;'></iframe>

Video

You can use the <video> HTML tag to embed videos. For example:

<video src="xxx.mp4" />

Other HTML Support

You can find more details here.