Markdown —— 入门指南

2018-03-01  本文已影响0人  知菲

Markdown 的语法由一些符号组成,只要记住了一些常用的符号,Markdown就能熟练运用了。
以下所展示的效果实在atom 中编辑的,在atom 中编辑一个.md的文件即可。

一、Markdown的标题 (用#号区别标题,一个#号是一级标题,依次类推)

书写形式:

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

显示效果:

标题的书写方法 title.png

二、 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 会用 <pre> 和 <code> 标签来把代码区块包起来。

要在 Markdown 中建立代码区块很简单,只要简单地缩进 4 个空格或是 1 个制表符就可以,例如,下面的输入:

书写语法:

这是一个普通的段落:
     这是一个代码段。(这句话前边有4个空格)

另一种写法:(在代码段的前边和后边加三个 ```,如图)


添加代码段的另一种写法 code.png

实现效果:

这是代码段:
<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>
上一篇 下一篇

猜你喜欢

热点阅读