##markdown的使用笔记

来源：互联网发布：数据读写测试用例编辑：程序博客网时间：2024/06/07 05:48

一、标题

标题用#表示，有几个#号就表示是几阶标题

二、列表

有序列表：有序列表直接使用数字后面接着一个英文的句点，如：1.bird
无序列表：无序列表是使用+，—中的任意一种来表示，+或者-后面记得加上空格，否则不是列表的效果

三、引用

区块引用是使用类似email中用>来表示
例如：
>简单引用：
>
>多行引用
>>嵌套引用
> ###引用中使用markdown语法
>
>1.这是第一行列表项
>2.这是第二行列表项
>
>给出一些例子代码：
>
> console.log(“markdown”);

得出的效果如下：

简单引用

多行引用

嵌套引用

引用中使用markdown语法

1.这是第一行列表项
2.这是第二行列表项

给出一些例子代码

console.log(“markdown”);

四、代码区块

建立代码区块，只需要简单的缩进4个空格或者1个制表符就可以，代码块一直持续到没有缩进的那一行（或者是文件的结尾），也可以用`来表示

<html><head></head><body>console.log("hello")</body></html>

五、分割线：

一行中用三个以上的* 号，-号，_线来建立一个分隔线，注意在行内不能有其他东西，也可以在* 号或是-号中插入空格

六、段落和换行

段落
是由一个或多个连续的文本行组成，它的前后要有一个以上的空行
换行
markdown中允许段落内强迫换行，插入换行标签的话要在插入处先插入两个以上的空格然后回车。

七、链接

支持两种形式的链接语法，行内式和参考式，链接的字符不区分大小。
+ 行内式：
+ 链接用[]表示，链接的地址用括号括起来
+ 例如：this is baidu

    实现如下    this is [baidu](http://www.baidu.com)

参考式：
链接用[]表示，后面的链接地址用一个属性表示，然后对这个属性做一个标记
例如：this is baidu link.
```
具体的实现如下this is [baidu][id] link.[id]:https://www.baidu.com
```
隐式链接标记功能

this is baidu link.

具体的实现如下：[baidu][][baidu]:https://www.baidu.com

参考式链接

I get 10 times more traffic from Google than from Yahoo or MSN.

具体的实现如下 I get 10 times more traffic from [Google][1]  than from [Yahoo][2] or [MSN][3].[1]: http://google.com[2]: http://search.yahoo.com[3]: http://search.msn.com或者是：I get 10 times more traffic from [Google][] than from [Yahoo][] or [MSN][].[google]: http://google.com/[yahoo]:  http://search.yahoo.com/[msn]:    http://search.msn.com/

自动链接

如下：http://www.baidu.com

具体实现如下：<http://www.baidu.com>

八、强调

markdown使用星号（ * ）和底线（ _ ）作为标记强调字词的符号，两端被一个 * 或 _ 包围单词会被转换成斜体，两端被两个 * 号或 _ 包围的单词会被转换成粗体，* 或 _ 的两端不能有空白，用什么符号就以什么符号结尾
例如：斜体：斜体或斜体
粗体：粗体或粗体

九、代码

如果要标记一段行内代码，可以用反引号把它包起来，用多个反引号来开启和结束代码区段
例如：行内代码段

<html><head></head><body><p>这是一段代码块</p></body></html>

十、图片

markdown使用一种和链接很相似的语法来标记图片，允许两种样式，内行样式和参考式
+ 行内样式的图片语法是先写一个感叹号，接着一个方括号，里面放上图片的替代文字，接着一个普通括号，里面放上图片的链接地址，最后还可以用引号包住并加上选择性的 ‘title’ 文字

行内样式的图片语法如下：

 ![这是一个图片](http://www.baidu.com/example.png "tupian")

得出的效果如下：

参考式图片的表示的语法是先写一个方括号，里面写入图片参考的名称，图片参考的定义方式和链接的参考一样

具体的实现如下：

![alt][id][id]:./img/example.png "optional title"

得出的效果如下：

十一、转义

使用反斜杠插入一些在语法中有其它意义的符号，如 * 需要转义的字符：

\ 反斜杠
`反引号
*星号
_底线
{}花括号
[]方括号
()括弧
# 井号
+加号
-减号
.英文句点
！惊叹号

阅读全文

0 0