Markdown语法

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
  1. 有序列表项2
  2. 有序列表项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部分


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

推荐阅读更多精彩内容