图片发自简书

1.标题

代码

注：# 后面保持空格

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

演示

h1

h2

h3

h4

h5

h6

####### h7 // 错误代码
######## h8 // 错误代码
######### h9 // 错误代码
########## h10 // 错误代码

2.分级标题

代码

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

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

演示

一级标题

二级标题

3.toc

根据标题生成目录，兼容性一般

4.引用

代码1(单行式)

> hello world!

演示

hello world!

代码2(多行式)

> hello world!
hello world!
hello world!

或者

> hello world!
> hello world!
> hello world!

结果相同

代码

hello world!
hello world!
hello world!

代码3(多层嵌套)

代码

> aaaaaaaaa
>> bbbbbbbbb
>>> cccccccccc

演示

aaaaaaaaa

bbbbbbbbb

cccccccccc

5.行内标记

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

代码

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

演示

标记之外hello world标记之外

错误代码

注：不同平台代码略有差异

 标记之外 ` 
< div>   
    < div></div>
    < div></div>
    < div></div>
< /div>
`标记之外

演示

标记之外 < div> < div></div> < div></div> < div></div> < /div>标记之外

6.代码块

注：与上一行距离一空行

代码1(```)

注：用```生成块

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

演示

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

代码2(Tab)

注： Tab缩进

我是文字……

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

演示

我是文字……

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

代码3(自定义语法)

（略 看不懂，暂时不会）

7.插入链接(存在问题===============)

代码1(内链式)

注：{:target="_blank"}跳转方式兼容性一般 ，多数第三方平台不支持跳转

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

演示

百度1

代码2(引用式)

···
[百度2][2]{:target="_blank"}
[2]: http://www.baidu.com/ "百度二下"
···

演示

[百度2][2]{:target="_blank"}
[2]: http://www.baidu.com/ "百度二下"

8.插入图片

代码1(内链式)

![11111.png](https://img.haomeiwen.com/i14827777/d06be56f96225f89.png?imageMogr2/auto-orient/strip%7CimageView2/2/w/1240)

演示

11111.png

9.插入图片带有链接(略，学习后补充)

10.视频插入（略。。。。。）

11.序表

代码1(有序

注：序列后保持空格

1. one
2. two
3. three

代码2(无序)

* one
* two
* three

演示

• one
• two
• three

代码3(序表嵌套)

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

演示

1. one
   1. one-1
   2. two-2
2. two
   • two-1
   • two-2