封面.jpg

当我使用hexo和github搭建完成属于自己的个人博客之后，发表的每一篇文章都需要以markdown的形式编写，于是想借此机会系统的学习一下markdown的语法知识。

注意：Markdown 编写的文档可以导出 HTML 、Word、图像、PDF、Epub 等多种格式的文档。

一. 基础语法

1.1 标题

#号可以表示1-6级标题，使用 = 和 - 标记一级和二级标题

热爱生活，懂得感恩
===

热爱生活，懂得感恩
---

等同于

# 热爱生活，懂得感恩
## 热爱生活，懂得感恩

效果：

标题.png

1.2 字体

*空气很稀薄，因为寂寞*
_空气很稀薄，因为寂寞_

**空气很稀薄，因为寂寞**
__空气很稀薄，因为寂寞__

***空气很稀薄，因为寂寞***
___空气很稀薄，因为寂寞___

效果：

字体.png

1.3 分割线

可以在一行中用三个以上的星号、减号、底线来建立一个分隔线，行内不能有其他东西。你也可以在星号或是减号中间插入空格。下面每种写法都可以建立分隔线：

***
* * *
*****
- - -
----------

效果：

分割线.png

1.4 删除线

~~你不在的世界里都是阴天，思念像太用力会拉扯的线~~

效果：

删除线.png

1.5 下划线

<u>脆弱是，若无其事晴天里，突然的大雨</u>

效果：

下划线.png

1.6 脚注

别说我说慌，人生已经如此的艰难，有些事情就不要拆穿。[^life]
[^life]:出自林宥嘉的《说谎》

效果：

脚注.png

1.7 列表

Markdown 支持无序列表和有序列表。

1.7.1 无序列表

无序列表使用星号(*****)、加号(+)或是减号(-)作为列表标记

* 第一项
* 第二项
* 第三项

+ 第一项
+ 第二项
+ 第三项


- 第一项
- 第二项
- 第三项

效果：

无序列表.png

1.7.2 有序列表

有序列表使用数字并加上 . 号来表示

1. 第一项
2. 第二项
3. 第三项

效果：

有序列表.png

1.7.3 列表嵌套

列表嵌套只需在子列表中的选项添加四个空格即可：

5. 第一项
2. 第二项
3. 第三项  


1. 第一项：
    1. 第一项嵌套的第一个元素
    1. 第一项嵌套的第二个元素
2. 第二项：
    1. 第二项嵌套的第一个元素
    9. 第二项嵌套的第二个元素

效果：

列表嵌套.png

1.8 区块

Markdown 区块引用是在段落开头使用 > 符号，然后后面紧跟一个空格符号

1.8.1 区块

> 我说所有的酒，都不如你
> 春风十里
>不加空格好像也可以

效果：

区块.png

1.8.2 区块嵌套：

> 想看看你的心
> > 记录谁的表情
> > > 计算我差多少的距离

效果：

区块嵌套.png

1.8.3 区块和列表混搭：

1. 周杰伦
    > 《一路向北》
    > 《世界末日》
1. 许嵩

效果：

区块和列表混搭.png

1.9 代码

1.9.1 函数或片段

如果是段落上的一个函数或片段的代码可以用反引号把它包起来（`）

`我就是我，是颜色不一样的烟火`

效果：

函数或片段.png

1.9.2 代码区块

代码区块使用 4 个空格或者一个制表符（Tab 键），也可以用 ``` 包裹一段代码，并指定一种语言（也可以不指定）

```javascript
$(document).ready(function () {
    alert('RUNOOB');
});


    $(document).ready(function () {
        alert('RUNOOB');
    });


$(document).ready(function () {
    alert('这样是不行的');
});

效果：

代码区块.png

1.10 链接

[我寻你千百度，日出到迟暮](https://www.baidu.com/)
`或者`
<https://www.baidu.com/>
`或者`
[众里寻他千百度，那人却在灯火阑珊处][baidu]


[baidu]:https://www.baidu.com/

效果：

链接.png

1.11 图片

 ![RUNOOB 图标](http://static.runoob.com/images/runoob-logo.png)
`or`
 ![RUNOOB 图标](http://static.runoob.com/images/runoob-logo.png "RUNOOB")
`or`
这个链接用 1 作为网址变量 [RUNOOB][logo].
然后在文档的结尾为变量赋值（网址）


[logo]: http://static.runoob.com/images/runoob-logo.png
`如果要指定具体的宽高，则：`
<img src="http://static.runoob.com/images/runoob-logo.png" width="50%">

效果：

图片.png

1.12 表格

Markdown 制作表格使用 | 来分隔不同的单元格，使用 - 来分隔表头和其他行,
-: 居右对齐 , :- 左对齐 , :-: 居中对齐。

|  表头默认是左对齐？    | 表头  |          
|  ----  | ----  |
| 单元格  | 单元格 |        
| 单元格  | 单元格 |
| 单元格  | 单元格 |



| 左对齐加长才体现效果 | 右对齐加长才体现效果 | 居中对齐加长才体现效果 |
| :-----| ----: | :----: |
| 单元格 | 单元格 | 单元格 |
| 单元格 | 单元格 | 单元格 |

效果：

二. 高级技巧

2.1 支持HTML标签

目前支持的 HTML 元素有：<kbd> <b> <i> <em> ^{_{<image> <div>等}}

<em>使</em><i>用</i><br> <kbd>Ctrl</kbd>+<sub>Alt</sub>+<sup>Del</sup> 重启<b>电脑</b>

效果：

支持HTML标签.png

2.2 转义

Markdown 支持以下这些符号前面加上反斜杠来帮助插入普通的符号

\ 反斜线
` 反引号
* 星号
_ 下划线
{} 花括号
[] 方括号
() 小括号
# 井字号
+ 加号
- 减号
. 英文句点
! 感叹号

**后视镜里的世界** 
\*\* 越来越远的道别 \*\*

效果：

转义.png

2.3 公式

公式

2.4 图标

图标

Markdown常用语法