Markdown基本语法

2021-04-14 18:12:09
`Markdown` 是一种纯文本格式的标记语言。通过简单的标记语法,它可以使普通文本内容具有一定的格式。 **优点:** 1、因为是纯文本,所以只要支持 Markdown 的地方都能获得一样的编辑效果,可以让作者摆脱排版的困扰,专心写作。 2、操作简单。例如 Markdown 中的标题,只需要在标题内容前加 `#` 即可 **缺点:** 1、需要记一些语法(当然,是很简单。五分钟学会)。 2、有些平台不支持 Markdown 编辑模式。 ## 一、标题 在想要设置为标题的文字前面加 `#` 来表示 一个 `#` 是一级标题,二个 `#` 是二级标题,以此类推,支持六级标题。 注:标准语法一般在 `#` 后跟个空格再写文字 示例: ``` # 这是一级标题 ## 这是二级标题 ### 这是三级标题 ``` ## 二、字体 **加粗** 要加粗的文字左右分别用两个`*`号包起来 **斜体** 要倾斜的文字左右分别用一个 `*` 号包起来 **斜体加粗** 要倾斜和加粗的文字左右分别用三个 `*` 号包起来 **删除线** 要加删除线的文字左右分别用两个 `~` 号包起来 示例: ``` **这是加粗的文字** *这是倾斜的文字* ***这是斜体加粗的文字*** ~~这是加删除线的文字~~ ``` 效果如下: **这是加粗的文字** *这是倾斜的文字* ***这是斜体加粗的文字*** ~~这是加删除线的文字~~ ## 三、引用 在引用的文字前加 `>` 即可。引用也可以嵌套,如加两个 `>>` 示例: ``` > 这是引用的内容 >> 这是引用的内容 ``` 效果如下: > 这是引用的内容 >> 这是引用的内容 ## 四、分割线 三个或者三个以上的 `-` 或者 `*` 都可以。 示例: ``` --- ---- *** ***** ``` 效果如下: --- ## 五、图片 语法: ``` ![图片alt](图片地址 "图片title") 图片 alt 就是显示在图片下面的文字,相当于对图片内容的解释。 图片 title 是图片的标题,当鼠标移到图片上时显示的内容。title 可加可不加 ``` 示例: ``` ![百度](https://www.baidu.com/img/flexible/logo/pc/result.png) ``` 效果如下: ![百度](https://www.baidu.com/img/flexible/logo/pc/result.png) ## 六、超链接 语法: ```text [超链接名](超链接地址 "超链接title") title可加可不加 ``` 示例: ```text [百度](https://www.baidu.com) ``` 效果如下: [百度](https://www.baidu.com) 注:Markdown本身语法不支持链接在新页面中打开,如果想要在新页面中打开的话可以用html语言的a标签代替。 ``` <a href="https://www.baidu.com" target="_blank">百度</a> ``` ## 七、列表 ##### 无序列表 语法: 无序列表用 `-` `+` `*` 任何一种都可以 ``` - 列表内容 + 列表内容 * 列表内容 注意:- + * 跟内容之间都要有一个空格 ``` 效果如下: - 列表内容 - 列表内容 - 列表内容 ##### 有序列表 语法: 数字加点 ``` 1. 列表内容 2. 列表内容 3. 列表内容 注意:序号跟内容之间要有空格,可以用部用数字1 ``` 效果如下: 1. 列表内容 2. 列表内容 3. 列表内容 ##### 列表嵌套 **上一级和下一级之间敲四个空格即可** 示例: ``` * 一级无序列表内容 * 二级无序列表内容 * 二级无序列表内容 * 二级无序列表内容 * 一级无序列表内容 1. 二级有序列表内容 2. 二级有序列表内容 3. 二级有序列表内容 1. 一级有序列表内容 - 二级无序列表内容 - 二级无序列表内容 - 二级无序列表内容 1. 一级有序列表内容 1. 二级有序列表内容 1. 二级有序列表内容 ``` 效果如下: * 一级无序列表内容 * 二级无序列表内容 * 二级无序列表内容 * 二级无序列表内容 * 一级无序列表内容 1. 二级有序列表内容 2. 二级有序列表内容 3. 二级有序列表内容 1. 一级有序列表内容 - 二级无序列表内容 - 二级无序列表内容 - 二级无序列表内容 1. 一级有序列表内容 1. 二级有序列表内容 1. 二级有序列表内容 1. 二级有序列表内容 ## 八、表格 语法: ```text 表头|表头|表头 ---|:--:|---: 内容|内容|内容 内容|内容|内容 第二行分割表头和内容。 - 有一个就行,为了对齐,多加了几个 文字默认居左 -两边加:表示文字居中 -右边加:表示文字居右 注:原生的语法两边都要用 | 包起来。此处省略 ``` 示例: ```text 姓名|技能|排行 --|:--:|--: 刘备|哭|大哥 关羽|打|二哥 张飞|骂|三弟 ``` 效果如下: | 姓名 | 技能 | 排行 | | ---- | :--: | ---: | | 刘备 | 哭 | 大哥 | | 关羽 | 打 | 二哥 | | 张飞 | 骂 | 三弟 | ## 九、代码 语法: 单行代码:代码之间分别用一个反引号包起来 &#96;代码内容&#96; 代码块:代码之间分别用三个反引号包起来,且两边的反引号单独占一行 &#96;&#96;&#96; 代码内容 &#96;&#96;&#96; 示例: 单行代码 &#96;console.log("Hello World");&#96; 效果如下: `console.log("Hello World");` 多行代码块 &#96;&#96;&#96; function fun() { console.log("Hello World") } &#96;&#96;&#96; 效果如下: ```javascript function fun() { console.log("Hello World") } ``` 还可以给多行代码块指定**语言**,有利于语言高亮。例如 &#96;&#96;&#96;javascript function fun() { console.log("这是js代码") } &#96;&#96;&#96; 效果如下: ```javascript function fun() { console.log("这是js代码") } ``` &#96;&#96;&#96;java class Foo { public String hi() { System.out.println("这是Java代码") } } &#96;&#96;&#96; 效果如下: ```java class Foo{ public String hi(){ System.out.println("这是Java代码") } } ```