Markdown 的语法由一些符号组成,只要记住了一些常用的符号,Markdown就能熟练运用了。
以下所展示的效果实在atom 中编辑的,在atom 中编辑一个.md的文件即可。
一、Markdown的标题 (用#号区别标题,一个#号是一级标题,依次类推)
书写形式:
# 标题一
## 标题二
### 标题三
#### 标题四
##### 标题五
###### 标题六
显示效果:
二、 Markdown的区块引用 (在引用句子的前边加上”>”)
书写形式:
>这是Markdown的引用的效果
显示效果:
这是Markdown的引用的效果
Markdown 也允许你偷懒只在整个段落的第一行最前面加上 “>” :
> 这是Markdown的两段文字的引用. 它允许你在段落的第一行前面加上“>”。
这句话的前边就可以不用在添加“>”。
> 这是Markdown 的第二段文字。天将降大任于斯人也,必先苦其心志,劳其心骨,空乏其身,行拂乱其所为,所以动心忍性,增益其所不能。
显示效果:
这是Markdown的两段文字的引用. 它允许你在段落的第一行前面加上“>”。
这句话的前边就可以不用在添加“>”。这是Markdown 的第二段文字。天将降大任于斯人也,必先苦其心志,劳其心骨,空乏其身,行拂乱其所为,所以动心忍性,增益其所不能。
三、Markdown的列表
Markdown 支持有序列表和无序列表。
无序列表使用星号(*)、加号(+)或是减号(-)作为列表标记:
1. Markdown的无序列表
书写语法:
* Red
* Green
* Blue
等同于:
- Red
- Green
- Blue
也等同于:
+ Red
+ Green
+ Blue
显示效果:
1. Markdown的有序列表
书写语法:
有序列表则使用数字接着一个英文句点,然后加一个空格:
1. 这是有序列表的第一项
2. 这是有序列表的第二项
3. 这是有序列表的第三项
显示效果:
1. 这是有序列表的第一项
2. 这是有序列表的第二项
3. 这是有序列表的第三项
四、 Markdown的代码区块
和程序相关的写作或是标签语言原始码通常会有已经排版好的代码区块,通常这些区块我们并不希望它以一般段落文件的方式去排版,而是照原来的样子显示,Markdown 会用
和标签来把代码区块包起来。
要在 Markdown 中建立代码区块很简单,只要简单地缩进 4 个空格或是 1 个制表符就可以,例如,下面的输入:
书写语法:
这是一个普通的段落:
这是一个代码段。(这句话前边有4个空格)
另一种写法:(在代码段的前边和后边加三个 “`,如图)
实现效果:
这是代码段:
<template>
<div >
<video :src='src' controls ref='video' v-show='one' autoplay>
</video>
<video :src='srcTwo' controls ref='videoTwo' v-show='two'>
</video>
</div>
</template>
makedown中的超链接
行内式
格式为[link text](URL 'title text')
。
① 普通链接:
[Google](http://www.google.com/)
② 指向本地文件的链接:
[icon.png](./images/icon.png)
icon.png
③ 包含 ‘title’ 的链接:
[Google](http://www.google.com/ "Google")
title 使用 ’ 或 ” 都是可以的。
参考式
参考式链接的写法相当于行内式拆分成两部分,并通过一个 识别符 来连接两部分。参考式能尽量保持文章结构的简单,也方便统一管理 URL。
① 首先,定义链接:
[Google][link]
[Google][link]
第二个方括号内为链接独有的 识别符,可以是字母、数字、空白或标点符号。识别符是 不区分大小写 的;
② 然后定义链接内容:
[link]: http://www.google.com/ "Google"
其格式为:[识别符]: URL 'title'
。
其中,URL可以使用 <> 包括起来,title 可以使用 “”、”、() 包括(考虑到兼容性,建议使用引号),title 部分也可以换行来写;
链接内容的定义可以放在同一个文件的 任意位置;
③ 也可以省略 识别符,使用链接文本作为 识别符:
[Google][]
[Google]: http://www.google.com/ "Google"
参考式相对于行内式有一个明显的优点,就是可以在多个不同的位置引用同一个 URL。
自动链接
使用 <> 包括的 URL 或邮箱地址会被自动转换为超链接:
<http://www.google.com/>
<123@email.com>
该方式适合行内较短的链接,会使用 URL 作为链接文字。邮箱地址会自动编码,以逃避抓取机器人。