Markdown常用语法

封面.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 图标

图标

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
  • 序言:七十年代末,一起剥皮案震惊了整个滨河市,随后出现的几起案子,更是在滨河造成了极大的恐慌,老刑警刘岩,带你破解...
    沈念sama阅读 206,126评论 6 481
  • 序言:滨河连续发生了三起死亡事件,死亡现场离奇诡异,居然都是意外死亡,警方通过查阅死者的电脑和手机,发现死者居然都...
    沈念sama阅读 88,254评论 2 382
  • 文/潘晓璐 我一进店门,熙熙楼的掌柜王于贵愁眉苦脸地迎上来,“玉大人,你说我怎么就摊上这事。” “怎么了?”我有些...
    开封第一讲书人阅读 152,445评论 0 341
  • 文/不坏的土叔 我叫张陵,是天一观的道长。 经常有香客问我,道长,这世上最难降的妖魔是什么? 我笑而不...
    开封第一讲书人阅读 55,185评论 1 278
  • 正文 为了忘掉前任,我火速办了婚礼,结果婚礼上,老公的妹妹穿的比我还像新娘。我一直安慰自己,他们只是感情好,可当我...
    茶点故事阅读 64,178评论 5 371
  • 文/花漫 我一把揭开白布。 她就那样静静地躺着,像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上,一...
    开封第一讲书人阅读 48,970评论 1 284
  • 那天,我揣着相机与录音,去河边找鬼。 笑死,一个胖子当着我的面吹牛,可吹牛的内容都是我干的。 我是一名探鬼主播,决...
    沈念sama阅读 38,276评论 3 399
  • 文/苍兰香墨 我猛地睁开眼,长吁一口气:“原来是场噩梦啊……” “哼!你这毒妇竟也来了?” 一声冷哼从身侧响起,我...
    开封第一讲书人阅读 36,927评论 0 259
  • 序言:老挝万荣一对情侣失踪,失踪者是张志新(化名)和其女友刘颖,没想到半个月后,有当地人在树林里发现了一具尸体,经...
    沈念sama阅读 43,400评论 1 300
  • 正文 独居荒郊野岭守林人离奇死亡,尸身上长有42处带血的脓包…… 初始之章·张勋 以下内容为张勋视角 年9月15日...
    茶点故事阅读 35,883评论 2 323
  • 正文 我和宋清朗相恋三年,在试婚纱的时候发现自己被绿了。 大学时的朋友给我发了我未婚夫和他白月光在一起吃饭的照片。...
    茶点故事阅读 37,997评论 1 333
  • 序言:一个原本活蹦乱跳的男人离奇死亡,死状恐怖,灵堂内的尸体忽然破棺而出,到底是诈尸还是另有隐情,我是刑警宁泽,带...
    沈念sama阅读 33,646评论 4 322
  • 正文 年R本政府宣布,位于F岛的核电站,受9级特大地震影响,放射性物质发生泄漏。R本人自食恶果不足惜,却给世界环境...
    茶点故事阅读 39,213评论 3 307
  • 文/蒙蒙 一、第九天 我趴在偏房一处隐蔽的房顶上张望。 院中可真热闹,春花似锦、人声如沸。这庄子的主人今日做“春日...
    开封第一讲书人阅读 30,204评论 0 19
  • 文/苍兰香墨 我抬头看了看天上的太阳。三九已至,却和暖如春,着一层夹袄步出监牢的瞬间,已是汗流浃背。 一阵脚步声响...
    开封第一讲书人阅读 31,423评论 1 260
  • 我被黑心中介骗来泰国打工, 没想到刚下飞机就差点儿被人妖公主榨干…… 1. 我叫王不留,地道东北人。 一个月前我还...
    沈念sama阅读 45,423评论 2 352
  • 正文 我出身青楼,却偏偏与公主长得像,于是被迫代替她去往敌国和亲。 传闻我的和亲对象是个残疾皇子,可洞房花烛夜当晚...
    茶点故事阅读 42,722评论 2 345

推荐阅读更多精彩内容