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部分


最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容