Markdown基本语法

起啥名呢？？？

已于 2023-03-08 20:59:37 修改

阅读量1.3k

点赞数 2

分类专栏： Markdown 文章标签： markdown

于 2021-11-13 16:12:26 首次发布

本文链接：https://blog.youkuaiyun.com/PSG_li/article/details/121305937

版权

Markdown 专栏收录该内容

1 篇文章

订阅专栏

文章の目录

正文

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图片

图片

![alt属性文本](图片地址)

![alt属性文本](图片地址 "可选标题")

开头一个感叹号（!）

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

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

![百度图标](https://www.baidu.com/img/PCtm_d9c8750bed0b3c7d089fa7d55720d6cf.png)

![百度图标](https://www.baidu.com/img/PCtm_d9c8750bed0b3c7d089fa7d55720d6cf.png "baidu")

图片设置宽高

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制作表格使用 | 来分隔不同单元格，使用 - 来分隔表头和其他行。

|表头|表头|

|-|-|

|单元格|单元格|

表格的对齐方式

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

实例：

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

|:-|:-:|-:|

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