当我使用hexo和github搭建完成属于自己的个人博客之后,发表的每一篇文章都需要以markdown的形式编写,于是想借此机会系统的学习一下markdown的语法知识。
注意:Markdown 编写的文档可以导出 HTML 、Word、图像、PDF、Epub 等多种格式的文档。
一. 基础语法
1.1 标题
#号可以表示1-6级标题,使用 = 和 - 标记一级和二级标题
热爱生活,懂得感恩
===
热爱生活,懂得感恩
---
等同于
# 热爱生活,懂得感恩
## 热爱生活,懂得感恩
效果:
1.2 字体
*空气很稀薄,因为寂寞*
_空气很稀薄,因为寂寞_
**空气很稀薄,因为寂寞**
__空气很稀薄,因为寂寞__
***空气很稀薄,因为寂寞***
___空气很稀薄,因为寂寞___
效果:
1.3 分割线
可以在一行中用三个以上的星号、减号、底线来建立一个分隔线,行内不能有其他东西。你也可以在星号或是减号中间插入空格。下面每种写法都可以建立分隔线:
***
* * *
*****
- - -
----------
效果:
1.4 删除线
~~你不在的世界里都是阴天,思念像太用力会拉扯的线~~
效果:
1.5 下划线
<u>脆弱是,若无其事晴天里,突然的大雨</u>
效果:
1.6 脚注
别说我说慌,人生已经如此的艰难,有些事情就不要拆穿。[^life]
[^life]:出自林宥嘉的《说谎》
效果:
1.7 列表
Markdown 支持无序列表和有序列表。
1.7.1 无序列表
无序列表使用星号(*****)、加号(+)或是减号(-)作为列表标记
* 第一项
* 第二项
* 第三项
+ 第一项
+ 第二项
+ 第三项
- 第一项
- 第二项
- 第三项
效果:
1.7.2 有序列表
有序列表使用数字并加上 . 号来表示
1. 第一项
2. 第二项
3. 第三项
效果:
1.7.3 列表嵌套
列表嵌套只需在子列表中的选项添加四个空格即可:
5. 第一项
2. 第二项
3. 第三项
1. 第一项:
1. 第一项嵌套的第一个元素
1. 第一项嵌套的第二个元素
2. 第二项:
1. 第二项嵌套的第一个元素
9. 第二项嵌套的第二个元素
效果:
1.8 区块
Markdown 区块引用是在段落开头使用 > 符号 ,然后后面紧跟一个空格符号
1.8.1 区块
> 我说所有的酒,都不如你
> 春风十里
>不加空格好像也可以
效果:
1.8.2 区块嵌套:
> 想看看你的心
> > 记录谁的表情
> > > 计算我差多少的距离
效果:
1.8.3 区块和列表混搭:
1. 周杰伦
> 《一路向北》
> 《世界末日》
1. 许嵩
效果:
1.9 代码
1.9.1 函数或片段
如果是段落上的一个函数或片段的代码可以用反引号把它包起来(`)
`我就是我,是颜色不一样的烟火`
效果:
1.9.2 代码区块
代码区块使用 4 个空格或者一个制表符(Tab 键),也可以用 ``` 包裹一段代码,并指定一种语言(也可以不指定)
```javascript
$(document).ready(function () {
alert('RUNOOB');
});
$(document).ready(function () {
alert('RUNOOB');
});
$(document).ready(function () {
alert('这样是不行的');
});
效果:
1.10 链接
[我寻你千百度,日出到迟暮](https://www.baidu.com/)
`或者`
<https://www.baidu.com/>
`或者`
[众里寻他千百度,那人却在灯火阑珊处][baidu]
[baidu]:https://www.baidu.com/
效果:
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%">
效果:
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>
效果:
2.2 转义
Markdown 支持以下这些符号前面加上反斜杠来帮助插入普通的符号
- \ 反斜线
- ` 反引号
- * 星号
- _ 下划线
- {} 花括号
- [] 方括号
- () 小括号
- # 井字号
- + 加号
- - 减号
- . 英文句点
- ! 感叹号
**后视镜里的世界**
\*\* 越来越远的道别 \*\*
效果:
2.3 公式
2.4 图标