余生的前端笔记本

# MarkDown常用语法 <--- MarkDownGrammar

# 1.标题

格式:

# h1
## h2
### h3
#### h4
##### h5
###### h6
####### h7      // 错误代码,跟HTML一样,只存在1-6级标题
1
2
3
4
5
6
7

注意 : # 后面保持空格

# 2.分级标题

格式:

一级标题
======================

二级标题
---------------------
1
2
3
4
5

注意 : 考虑到兼容问题, =, -的数量最好大于等于3个

# 3.TOC

格式:

[TOC]
1

注：会根据内容的标题生成目录，但兼容性很差 , 看平台使用

# 4.引用

格式

> i am hulkye

// 多行引用格式1
> hello world!
i am hulkye
i am hulkye

// 多行引用格式2
> hello world!
> hello world!
> hello world!

// 多层嵌套
> aaaaaaaaa
>> bbbbbbbbb
>>> cccccccccc
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16

效果:

i am hulkye

// 多行引用格式1

hello world! i am hulkye i am hulkye

// 多行引用格式2

hello world! hello world! hello world!

// 多层嵌套

aaaaaaaaa

bbbbbbbbb

cccccccccc

# 5.行内标记

格式:

`Hulkye` ,`Hulkye`
`Hulkye`
1
2

效果:

Hulkye ,Hulkye Hulkye

注: 常用于关键字,代码标签

# 6.代码块

格式:

  ​```
  <div>   
      <div></div>
  </div>
  ​```

  // 根据不同的语言配置不同的代码着色
  ​``` html
  <div>   
      <div></div>
  </div>
  ​```
1
2
3
4
5
6
7
8
9
10
11
12

效果:

<div>   
    <div></div>
</div>
1
2
3
<div>   
    <div></div>
</div>
1
2
3

# 7.插入链接

格式:

//内链式   
[百度1](http://www.baidu.com/" 百度一下"){:target="_blank"} 

//引用式
[百度2][http://www.baidu.com/]{:target="_blank"}

//{:target="_blank"}跳转方式兼容性一般 ，多数第三方平台不支持跳转
1
2
3
4
5
6
7

# 8.插入图片

格式:

//内链式
[图片上传失败...(image-90880b-1542510791300)]

//引用式
![图片加载不出时显示的字][./01.png '描述']
1
2
3
4
5

# 9.序表

格式:

//有序列表
1. one
2. two
3. three

//无序列表
* one
* two
* three

//嵌套
1. one
    1. one-1
    2. two-2
2. two 
    * two-1
    * two-2
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17

效果:

有序列表

  1. one
  2. two
  3. three

无序列表

  • one
  • two
  • three

嵌套

  1. one

    1. one-1
    2. two-2

  2. two

    • two-1
    • two-2

# 10.表格

格式:

|    a    |       b       |      c     |
|:-------:|:------------- | ----------:|
|   居中  |     左对齐    |   右对齐   |
|=========|===============|============|
1
2
3
4

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

效果:

a b c
居中 左对齐 右对齐
========= =============== ============

# 11.语义标记

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

# 12.语义标签

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

←