Markdown 学习记录

标题

注：# 后面保持空格

# h1
## h2
### h3
#### h4
##### h5
###### h6
####### h7      // 错误代码
######## h8     // 错误代码
######### h9    // 错误代码
########## h10  // 错误代码

分级标题

注：= - 最少可以只写一个，兼容性一般

一级标题
======================
二级标题
---------------------

引用

注1：单行式

1	> hello world!

注2：多行式

1
2
3

> hello world!
hello world!
hello world!

注3：多层嵌套

> aaaaaaaaa
>> bbbbbbbbb
>>> cccccccccc
>>
>> dddddddd
>
> eeeeeeee

行内标记

注：用 ` 标记代码块将变成一行

1	标记之外`hello world`标记之外

代码块

注2：Tab

我是文字……

    <div>   
        <div></div>
        <div></div>
        <div></div>
    </div>

注3：自定义语法—根据不同的语言配置不同的代码着色

1
2
3
4
5
var num = 0;
for (var i = 0; i < 5; i++) {
    num+=i;
}
console.log(num);

插入链接

注1：内链式

1	[百度](http://www.baidu.com/)

注2：引用式

1
2
3

[百度][2]

[2]: (http://www.baidu.com/)

插入图片

注1：内链式

1	![](./test.png '描述信息')

注2：引用式

1
2
3

![name][01]

[01]: http://p6i24hxpq.bkt.clouddn.com/blog/1.2.jpg '描述'

插入图片带有链接

[![](./test.png '百度')](http://www.baidu.com)

[![](./test.png '百度')][5]

[5]: http://www.baidu.com

视频插入

Markdown 语法是不支持直接插入视频的
注1：插入HTML的 iframe 框架，多数第三方平台不支持插入<iframe>视频

注2：伪造播放界面，实质是插入视频图片，然后通过点击跳转到相关页面

序表

注1：有序 — 序列.后保持空格

1
2
3

1. one
2. two
3. three

注2：无序

1
2
3

* one
* two
* three

注3：序表嵌套

1. one
    1. one-1
    2. two-2
2. two 
    * two-1
    * two-2

注4：序表嵌套代码块 — 换行+两个Tab

+ one

        var a = 10;   
        var b = 10;
+ two

        var a = 10;   
        var b = 10;

任务列表

注：兼容性一般，要隔开一行

这是文字

- [x] 选项1
- [ ] 选项2 
- [ ] 选项3

表格

: 代表对齐方式 , : 与 | 之间不要有空格，否则对齐会有些不兼容
注1：写法

| a | b | c |
|:-:|:- | -:|
| 居中 | 左对齐 | 右对齐 |
|============|=================|=============|

注2：特殊表格
一般对合并单元格，以及其他特殊格式表格，markdown 是无能为力的所以常规的做法是使用HTML标签，但是这样的编写效率极低。但是有了在线生成HTML代码 Tables Generator (国外的站)，所有问题都迎刃而解。

支持内嵌CSS样式

1	<p style="color: #AD5D0F;font-size: 30px; font-family: '宋体';">内联样式</p>

语义标记

描述	效果	代码
斜体	斜体	斜体
斜体	斜体	_斜体_
加粗	加粗	`加粗`
加粗+斜体	*加粗+斜体*	`*加粗+斜体*`
删除线	~~删除线~~	`~~删除线~~`

语义标签

描述	效果	代码
斜体	斜体	`<i>斜体</i>`
加粗	加粗	`<b>加粗</b>`
强调	强调	`<em>强调</em>`
上标	Z^a	`Z<sup>a</sup>`
下标	Z_a	`Z<sub>a</sub>`
键盘文本	`Ctrl`	`<kbd>Ctrl</kbd>`
换行

公式

注：1个$左对齐，2个居中

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

$$x = y^2 + 1$$
  
$\frac{7x+5}{1+y^2}$

$$\sum_{i=0}^N\int_{a}^{b}g(t,i)\text{d}t$$

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

$x = y^2 + 1$

$\frac{7x+5}{1+y^2}$

$\sum_{i=0}^N\int_{a}^{b}g(t,i)\text{d}t$

分隔符

注：最少三个 **或 —- 或

1
2
3

***
---
* * *

脚注

1
2
3

Markdown[^1]

[^1]: Markdown是一种纯文本标记语言

锚点

1
2
3

[公式标题锚点](#1)

### [需要跳转的目录] {#1}

自动邮箱链接

1	<xxx@outlook.com>

流程图

flow
st=>start: 开始
e=>end: 结束
c1=>condition: 条件1
c2=>condition: 条件2
c3=>condition: 条件3
io=>inputoutput: 输出

st->c1(yes,right)->c2(yes,right)->c3(yes,right)->io->e
c1(no)->e
c2(no)->e
c3(no)->e

A->>B: 你好
Note left of A: 我在左边     // 注释方向，只有左右，没有上下
Note right of B: 我在右边
B-->A: 很高兴认识你

digraph finite_state_machine {
    rankdir=LR;
    size="8,5"

    node [shape = doublecircle]; S;
    node [shape = point ]; qi

    node [shape = circle];
    qi -> S;
    S  -> q1 [ label = "a" ];
    S  -> S  [ label = "a" ];
    q1 -> S  [ label = "a" ];
    q1 -> q2 [ label = "ddb" ];
    q2 -> q1 [ label = "b" ];
    q2 -> q2 [ label = "b" ];
}

Markdown 教程

标题