Markdown常用语法

typora下载地址：https://www.typora.io/#download

Markdown常用语法

1.设置标题：1-6个# 或者ctrl + 1~6 表示1-6级标题

# This is an H1

## This is an H2

###### This is an H6

2.段落块引用：> 加空格，>> 用于表示子块

> This is a blockquote with two paragraphs. This is first paragraph.
>
> This is second pragraph. Vestibulum enim wisi, viverra nec, fringilla in, laoreet vitae, risus.

>> This is another blockquote with one paragraph. There is three empty line to seperate two blockquote.

3.无序列表：- + * 后面加空格
   有序列表：1. 后加空格,回车即可自动跳出2.

## un-ordered list
*   Red
*   Green
*   Blue

## ordered list
1.  Red
2. 	Green
3.	Blue

4.插入待办：- [ ]，- [x]   

- [ ] a task list item
- [ ] list syntax required
- [ ] normal **formatting**, @mentions, #1234 refs
- [ ] incomplete
- [x] completed

5.插入代码块：```

```
function test() {
  console.log("notice the blank line before this function?");
}
```
syntax highlighting:
```ruby
require 'redcarpet'
markdown = Redcarpet.new("Hello World!")
puts markdown.to_html
```

6.数学块：

$$
\mathbf{V}_1 \times \mathbf{V}_2 =  \begin{vmatrix}
\mathbf{i} & \mathbf{j} & \mathbf{k}\\
\frac{\partial X}{\partial u} &  \frac{\partial Y}{\partial u} & 0 \\
\frac{\partial X}{\partial v} &  \frac{\partial Y}{\partial v} & 0 \\
\end{vmatrix} 
$$

7.表格：

| First Header  | Second Header |
| ------------- | ------------- |
| Content Cell  | Content Cell  |
| Content Cell  | Content Cell  |

8.脚注：

You can create footnotes like this[^footnote].
[^footnote]: Here is the *text* of the **footnote**.

9.水平线：--- 或 *** 加回车

10.生成目录：[toc]

11.链接：两种方式

这是[示例](http://example.com/"Title") 内联链接。（`这相当于是<a href="http://example.com/" title="Title">`）

[此链接](http://example.net/) 没有标题属性。

This is [an example](http://example.com/ "Title") inline link.

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

[谷歌][11]
然后定义链接：

[11]: http://google.com/    "Google"

[百度][12]

[12]: http://baidu.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"


[Google][]
And then define the link:

[Google]: http://google.com/

12.url地址插入:用<>包围

<www.google.com>

13.插入图片：![text]() 或者直接crtl v粘贴到typora中
<img src="C:\Users\Everpretty\Desktop\图片\google.jpg" alt="text" style="zoom:100%;" />

14.斜体: *单个星号*  或 _下划线包裹_ 或 <em>em标签</em>

15.用 \ * 转义字符代表被*包围

     \*此文本被文字星号包围\*

*single asterisks*

_single underscores_

16.双`*` 或`_` 将导致其包含的内容被HTML `<strong>` 标签包裹

     __a__  a **b** b

     Typora 推荐使用 `*` `**` 符号

**double asterisks**

__double underscores__

17.代码段：``中间代表代码段
     Use the `printf()` function.

Use the `printf()` function.

18.删除线(两个波浪)

    `~~Mistaken text.~~` becomes ~~Mistaken text.~~

~~Mistaken text.~~

19.下划线(html中的u标签)
    `<u>Underline</u>` becomes <u>Underline</u>.

<u>Underline</u>

20.表情符号:
    :smile_cat: 

21.内联数学公式:

$\lim_{x \to \infty} \exp(-x) = 0$

22.下标:

H~2~O
C~2~H~4~

X~long\ text~
X~log\ 3~10

H~2~O, X~long\ text~

23.上标：

X^2^
X^3^

X^2^

24.高亮：
     ==highlight==

`==highlight==`

25.html标签样式：

</br>
<span style="color:red">this text is red</span>

<span style="color:red">this text is red</span>

26.设置内联框架:

<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>

27.导入视频:同HTML

<video src="xxx.mp4" />