Markdown基本语法

文章の目录

Markdown标题

Markdown段落样式

字体

分隔线

删除线

下划线

脚注

Markdown列表

无序列表

有序列表

列表嵌套

Markdown区块

区块

区块嵌套

区块中使用列表

列表中使用区块

Markdown代码

代码

代码区块

Markdown链接

链接

高级链接

Markdown图片

图片

图片设置宽高

对图片网址使用变量

Markdown表格

表格

表格的对齐方式

---

正文

Markdown是一种轻量级标记语言，它允许人们使用易读易写的纯文本格式编写文档。

Markdown语言在2004年由约翰·格鲁伯（John Gruber）创建。

Markdown编写的文档可以导出HTML、Word、图像、PDF、Epub等多种格式的文档。

Markdown编写的文档后缀为.md，.markdown。

Markdown标题

使用#号可表示1-6级标题，一级标题对应一个#号，二级标题对应两个#号，以此类推。#号后面要添加一个空格，然后再填写内容。

Markdown段落样式

字体

Markdown可以使用以下几种字体：

*斜体文本*

_斜体文本_

**粗体文本**

__粗体文本__

***粗斜体文本***

___粗斜体文本___

分隔线

在一行中用三个以上的星号（*）、减号（-），底线（_）来建立一个分隔线，行内不能有其他东西。

删除线

如果段落上的文字要添加删除线，只需要在文字的两端加上两个波浪线（~~）即可。

~~带删除线文本~~

下划线

下划线可以通过HTML的<u>便签来实现。

<u>带下划线文本</u>

脚注

脚注是对文本的补充说明。

脚注[^要注明的文本]

[^要注明的文本]:对文本的补充说明

 

Markdown列表

Markdown支持有序列表和无序列表。

无序列表

无序列表使用星号（*）、加号（+）、减号（-）作为列表标记，这些标记后面要添加一个空格，然后再填写内容。

* 第一项

* 第二项

+ 第一项

+ 第二项

- 第一项

- 第二项

有序列表

有序列表使用数字并加上 . 号来表示，后面添加一个空格。

1. 第一项

2. 第二项

列表嵌套

列表嵌套只需在子列表中的选项前面添加四个空格即可。

1. 第一项

    - 第一项嵌套的第一个元素

    - 第一项嵌套的第二个元素

2. 第二项

    - 第二项嵌套的第一个元素

    - 第二项嵌套的第二个元素

Markdown区块

区块

Markdown区块引用是在段落开头使用>符号，然后后面紧跟一个空格符号

> 区块

> 区块

> 区块

区块嵌套

区块是可以嵌套的，一个>符号是最外层，两个>符号是第一层嵌套，以此类推。

> 最外层

>> 第一层嵌套

>>> 第二层嵌套

区块中使用列表

> 区块中使用列表

> 1. 第一项

> 2. 第二项

>     * 第二项嵌套的第一个元素

>     * 第二项嵌套的第二个元素

> + 第一项

> + 第二项

列表中使用区块

如果要在列表项目内放进区块，那么就要在>前添加四个空格的缩进。

- 第一项

    > 区块

    > 区块

- 第二项

Markdown代码

代码

如果是段落上的一个函数或者片段的代码可以用反引号（`）把它包起来。

`console.log()` 浏览器控制台打印

代码区块

用```包裹一段代码，并指定一种语言（也可以不指定）。

```javascript

$(document).ready(function () {

        alert('hello');

});

```

使用4个空格或者一个制表符（Tab键）。

Markdown链接

链接

[链接名称](链接地址)

[百度](https://www.baidu.com/)

或者

<链接地址>

<https://www.baidu.com/>

高级链接

我们可以通过变量来设置一个链接，变量赋值在文档末尾进行。

[百度][baidu]

[baidu]: https://www.baidu.com/

Markdown图片

图片



开头一个感叹号（!）

接着一个方括号，里面放上图片的替代文字

接着一个普通括号，里面放上图片的网址，最后还可以用引号包住并加上选择性的'title'属性的文字



图片设置宽高

Markdown还没有办法指定图片的高度与宽度，如果需要的话，可以使用普通的<img>标签。

<img src="https://www.baidu.com/img/PCtm_d9c8750bed0b3c7d089fa7d55720d6cf.png" alt="" width="50%" height="50%" />

对图片网址使用变量

[百度][baidu]

![百度][baidu]

[baidu]: https://www.baidu.com/img/PCtm_d9c8750bed0b3c7d089fa7d55720d6cf.png

Markdown表格

表格

Markdown制作表格使用 | 来分隔不同单元格，使用 - 来分隔表头和其他行。

|表头|表头|

|-|-|

|单元格|单元格|

表格的对齐方式

• -: 设置内容和标题栏居右对齐。
• :- 设置内容和标题栏居左对齐。
• :-: 设置内容和标题栏居中对齐。

实例：

|居左对齐|居中对齐|居右对齐|

|:-|:-:|-:|

|单元格|单元格|单元格|

|单元格|单元格|单元格|