Markdown -- 入门指南

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

显示效果:
Markdown的无序列表

1. Markdown的有序列表

书写语法:
有序列表则使用数字接着一个英文句点,然后加一个空格:

1. 这是有序列表的第一项
2. 这是有序列表的第二项
3. 这是有序列表的第三项

显示效果:
1. 这是有序列表的第一项
2. 这是有序列表的第二项
3. 这是有序列表的第三项

四、 Markdown的代码区块

和程序相关的写作或是标签语言原始码通常会有已经排版好的代码区块,通常这些区块我们并不希望它以一般段落文件的方式去排版,而是照原来的样子显示,Markdown 会用

 标签来把代码区块包起来。

要在 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>

makedown中的超链接

行内式

格式为[link text](URL 'title text')

① 普通链接:

[Google](http://www.google.com/)

Google

② 指向本地文件的链接:

[icon.png](./images/icon.png)

icon.png

③ 包含 ‘title’ 的链接:

[Google](http://www.google.com/ "Google")

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>

http://www.google.com/

该方式适合行内较短的链接,会使用 URL 作为链接文字。邮箱地址会自动编码,以逃避抓取机器人。

参考链接: http://xianbai.me/learn-md/article/syntax/links.html

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

lancnn

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值