美文网首页
Markdown语法简要说明

Markdown语法简要说明

作者: 景琦z | 来源:发表于2017-12-06 14:13 被阅读0次

Markdown语法

注意Markdown中使用到的语法符号均为英文符号

Markdown语法主要分为如下几大部分:
标题段落区块引用强调列表分割线链接图片反斜杠符号等。


一、 标题

标题有两种形式:
第一种:使用=-来标记一级标题和二级标题

一级标题
=======

二级标题
-------

效果如下:

一级标题

二级标题

第二种:使用#可以表示1~6级标题

# 一级标题
## 二级标题
### 三级标题
#### 四级标题
##### 五级标题
###### 六级标题

效果如下

一级标题

二级标题

三级标题

四级标题

五级标题
六级标题

二、 段落

一个Markdown段落是由一个或者多个连续的文本行组成,段落的前后需要有一个以上的空行(空行的定义是该行只包含空格和制表符)。Markdown允许段落内强制换行,方式是使用两个以上的空格再加上回车。


三、 区块引用

在段落的每一行使用符号>来表示该段落是区块引用,区块引用可以嵌套
例子:

>区块引用
>>嵌套引用

效果如下:

区块引用

嵌套引用

PS:可以多层嵌套,类似标题的语法,通过添加>的个数来进行多层嵌套,例如三层嵌套使用:>>>


四、代码区块

要在Markdown中建立代码区块,只需要缩进4个空格或者一个制表符。
或者将代码放在 ``` 符号划分的区域内。```后面的单词表示区块内的代码是哪种语言
例:使用 ```

```javascript
console.log("代码区块");
```

效果:

console.log("代码区块");

五、强调

Markdown使用星号(*)或者下划线(_)来标记强调的符号 ,一个符号表示斜体,两个符号表示粗体。
例子:

*斜体*, *粗体*
_斜体_,_粗体_

效果:

斜体粗体
斜体, 粗体

注意:标记符号和文字之间不能有空格


六、列表

Markdown支持无序列表和有序列表
无序列表使用星号(*),加号(+)或者减号(-)来标记
例子:

使用星号(*
* 第一项
* 第二项
* 第三项

使用加号(+
+ 第一项
+ 第二项
+ 第三项

使用减号(-
- 第一项
- 第二项
- 第三项

效果:

使用星号(*

  • 第一项
  • 第二项
  • 第三项

使用加号(+

  • 第一项
  • 第二项
  • 第三项

使用减号(-

  • 第一项
  • 第二项
  • 第三项

七、分隔线

在一行中使用三个以上的星号(*)、减号(-)或者下划线(_)来建立一个分隔线,行内不能有其他东西。
例子:

使用星号(*
***
使用减号(-
---
使用下划线(_
___

效果:

使用星号(*


使用减号(-


使用下划线(_



八、链接

Markdown支持两种形式的链接语法: 行内式参考式
不管是哪一种方式,链接文字都是用[方括号]来标记。

行内式只需要在方括号后紧接着加上(圆括号)并在圆括号内插入链接即可,如果还想加上链接的title文字(title文字表示鼠标悬浮在该链接上时显示的提示文字),只要在链接后面,用双引号把title文字包起来即可,链接和title文字之间需要使用空格来隔开,title文字是可选的。

参考式是在方括号后再接上另一个方括号,在第二个方括号内填入用于辨识链接的标识。title文字和行内式一致,选择性地加在链接之后,用双引号包裹起来。

例子:

行内式:
[Markdown语法说明](http://www.appinn.com/markdown/ "title文字")

参考式:
[Markdown语法说明][id]
[id]:http://www.appinn.com/markdown/ "title文字"

效果:

行内式:
Markdown语法说明(行内式)

参考式(有些工具可能未实现,推荐使用行内式):
[Markdown语法说明(参考式)][id]
[id]:http://www.appinn.com/markdown/ "title文字"


九、图片

图片的使用方式和链接的使用方式类似,只是需要在第一个方括号前加上!,里面的文字替换为图片的描述文字,图片也支持行内式参考式两种方式。
例子:

行内式:
![图片描述文字](https://s4.music.126.net/style/web2/img/default/default_album.jpg "title文字")

参考式(有些工具可能未实现,推荐使用行内式):
![图片描述文字][id]
[id]:https://s4.music.126.net/style/web2/img/default/default_album.jpg "title文字"

效果:

行内式:

图片描述文字

参考式(有些工具可能未实现,推荐使用行内式):
![图片描述文字][id]
[id]:https://s4.music.126.net/style/web2/img/default/default_album.jpg "title文字"


十、反斜杠

反斜杠的作用是转义,转义是指让特殊符号表示其原本的意思,成为不具有Markdown语法的普通符号。
Markdown使用了一些特殊符号来定义一些文字的格式,例如斜体或粗体,我们使用*号来标记,但是当我们需要在页面上呈现星号(*)而不使用它在Markdown中的语法时,需要在星号(*)前加上反斜杠(\),形如:\*。
Markdown支持以下符号在前面加上反斜杠来帮助插入普通符号:

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


十一、反引号 `

反引号起到标记作用。
例如:

`标记`

效果:

标记


十二、复选框

复选框包含选中和未选中两种形式。复选框使用减号(-)后紧接一个方括号([])来表示。减号和方括号之间有一个空格,方括号内加上小写英文字母(x)来表示选中的复选框,方括号内加上一个空格表示未选中的复选框。
例:

选中:
- [x] 选中的复选框

未选中:
- [ ] 未选中的复选框

效果:

选中:

  • [x] 选中的复选框

未选中:

  • [ ] 未选中的复选框

十三、表格

使用markdown可以很容易地将数据进行表格展示。表格的每一列使用|隔开,表头(header)和内容之间使用---来分隔。
例:

header 1 | header 2 | header 3
---|---|---
row 1 col 1 | row 1 col 2 | row 1 col 3
row 2 col 1 | row 2 col 2 | row 2 col 3

header 1 header 2 header 3
row 1 col 1 row 1 col 2 row 1 col 3
row 2 col 1 row 2 col 2 row 2 col 3

效果如下:

header 1 header 2 header 3
row 1 col 1 row 1 col 2 row 1 col 3
row 2 col 1 row 2 col 2 row 2 col 3

Markdown还可实现流程图甘特图数学公式等,由于这些功能使用较少,就没一一列举,可以参考文末的参考文档,里面有更详尽的介绍。


参考文档链接:
Markdown 语法说明(简体中文版)
有道云笔记Markdown指南


PS:对于前端程序员推荐一款将Markdown的Text文本的字符串转为Html的工具:showdown
附上该工具的在线预览地址:Showdown Live Editor
以及github所使用的Markdown的样式:GitHub Markdown style

相关文章

  • MarkDown语法简要说明

    Markdown语法 #1、标题: 两种标题的语法,Setext 和 atx 形式(共有六级): 第一种:Sete...

  • Markdown语法简要说明

    Markdown语法 注意:Markdown中使用到的语法符号均为英文符号 Markdown语法主要分为如下几大部...

  • 00.markdowm语法

    Link: Markdown 语法说明 . Link: Markdown进阶语法整理 .

  • Win-MarkDown使用手册.md

    Title:MarkDown 语法说明&技巧使用&相关工具 标签(空格分隔): MarkDown 语法说明 技巧 ...

  • 基本语法

    语法说明 MarkDown基本介绍及使用 MarkDown语法介绍

  • 简要Markdown语法

    标题。使用#号加空格,#号越少,标题越大,最多6个#号 分割线。使用三个*、=或者-进行划分 加粗。使用两个*括起...

  • Markdown语法简要

    作者 | 2018年11月06日16:29:56 基本语法 扩展语法 参考链接 查看原文 >> 知识图谱 >>...

  • Markdown语法简要

    一级标题 二级标题 三级标题 四级标题 五级标题 六级标题 注:# 和「一级标题」之间建议保留一个字符的空格,这是...

  • MarkDown学习

    **学习网站: ** Markdown学习 中文简单MD语法 Markdown 语法说明 Markdown写作浅谈...

  • 参考手册类

    Markdown 语法说明

网友评论

      本文标题:Markdown语法简要说明

      本文链接:https://www.haomeiwen.com/subject/segkixtx.html