Markdown语法

---

Markdown很简单，要完全熟悉也不容易，所以最好从浅入深，逐渐按需使用来熟悉，一下子死记硬背不会有效果。
这里以使用频率排序来完整介绍Markdown语法。

提示：Markdown标记的原理是简化的HTML标记，所以Markdown标记基本都有（不是全部）对应的HTML标记，以此记忆Markdown标记是最简单的。

另外：因Markdown格式最终是转换为HTML格式显示的，所以其显示效果是取决于HTML的CSS，而非Markdown标记本身。例如，同样的Markdown文本，在简书的显示效果和在博客园是完全不一样的(个人感觉简书的CSS做的相当优雅，不过代码块的显示还是博客园专业，术业有专攻这句话确实没错)。
**
注意：
1.块级Markdown标记与内容之间最好使用空格分隔，否则部分编译器无法识别。
2.两个标记段之间最好用空行分隔，避免粘连。
3.多数不同标记不能重叠，会出现错误。
**

1.最常使用：使用Markdown必须掌握部分

---

• 标题

对应HTML的h1~h6，Markdown标题是在标题文本前面加上井号“#”标记。
Markdown标题标记：

#一级标题
##二级标题
###三级标题
####四级标题
#####五级标题
######六级标题

标题显示效果：

一级标题

二级标题

三级标题

四级标题

五级标题

六级标题

• 字体

在HTML中，粗体对应strong、删除线对应del、斜体对应em。
Markdown字体标记：

**粗体**
~~删除线~~
*斜体*

字体显示效果

粗体
删除线
斜体

• 列表

无序列表在文本前使用+、-、*这三个符号均可；有序列表使用1.2.3.标记，就是在数字后加点号（记得用空格与文本分隔，否则不会生效）。
无序列表标记对应HTML的ul，有序列表对应HTML的ol。
Markdown无序列表标记：

- 无序列表项1
+ 无序列表项2
* 无序列表项3

无序列表显示效果：

• 无序列表项1

• 无序列表项2
• 无序列表项3

Markdown有序列表标记（注意：有序列表项3前面标记是“4.”，但显示时会变成“3.”，因其是有序列表）：

//切记：标记与内容用空格分隔
1. 有序列表项1
2. 有序列表项2
4. 有序列表项3

有序列表显示效果：

1. 有序列表项1

2. 有序列表项2
3. 有序列表项3

• 水平线

对应HTML的hr。
Markdown水平线标记：

---```
水平线显示效果：

>---

- ####超链接和图片

**超链接标记对应HTML中的a。**
Markdown超链接标记：

超链接显示文字```
Markdown超链接显示效果：

超链接显示文字

图片标记对应HTML中的img。
Markdown图片标记（图片文字是可以留空的）：

![图片文字](http://dummyimage.com/300x200/000/fff&text=This+is+image "提示文本")```
Markdown图片显示效果：
>![图片文字](http://dummyimage.com/300x200/000/fff&text=This+is+image "提示文本")

- ####引用和代码、代码块

**引用标记是大于号“>”，对应HTML的blockquote。**
*引用标记可以多级叠加，如“>>”表示二级引用嵌套。用空行可以结束引用。*
Markdown引用标记：

一级引用

二级引用

引用嵌套

Markdown引用显示效果：
>一级引用
>>二级引用
>>>>>>引用嵌套

**代码标记分行内代码和代码块**
**行内代码**使用`将内容包括，对应HTML中的code。
Markdown行内代码标记：
```javascript
`inline code`

Markdown行内代码显示效果：inline code

代码块使用```将内容包括，对应HTML中的pre，并将code包含在pre中。
Markdown代码块标记：
```
block code
```
Markdown代码块显示效果：

block code

另外，代码块可以在首标记后指定代码语言，以显示不同语言的着色样式（如前所述，这取决于HTML的显示环境），如下：
```Javascript
document.getElementById("div1").innerHTML=('这是javascript代码演示')
```
显示效果：

document.getElementById("div1").innerHTML=('这是javascript代码演示')

2.不太常用：不掌握也能使用Markdown部分

---