Markdown基础语法使用

目录

1. Markdown简介
2. Markdown标题语法
3. Markdown换行语法
4. Markdown换段语法
5. Markdown斜体语法
6. Markdown粗体斜体
7. Markdown字体删除线
8. Markdown分割线语法
9. Markdown下划线语法
10. Markdown无序序列语法
11. Markdown有序序列语法
12. Markdown代码块语法
13. Markdown引用语法
14. Markdown勾选框语法
15. Markdown链接语法
16. Markdown脚注语法
17. Markdown图片语法
18. Markdown表格语法
19. Markdown高亮语法
20. Markdown内嵌Html
21. Markdown上下标
22. Markdown数学公式

Markdown简介

Markdown 是一种轻量级标记语言让创作者专注于内容而非排版,常用标记符号少,允许在文档中直接嵌入 HTML 代码

Markdown标题语法

Markdown语法	Html语法	效果
# 一级标题	<h1>一级标题</h1>	一级标题
# 二级标题	<h2>一级标题</h12>	二级标题
# 三级标题	<h3>一级标题</h3>	三级标题
# 四级标题	<h4>一级标题</h4>	四级标题
# 五级标题	<h5>一级标题</h5>	五级标题
# 六级标题	<h6>一级标题</h6>	六级标题

语法补充
文本下方使用=也可标记为一级标题,使用-可标记为二级标题

Markdown语法	Html语法	效果
一级标题 ===	<h1>一级标题</h1>	一级标题
二级标题 —	<h2>一级标题</h12>	二级标题

Markdown换行语法

在文本末尾添加 (两个空格+回车) 创建换行

Markdown语法	Html语法	效果
这里是第一行 这里是第二行	这里是第一行 <br>这里是第二行	这里是第一行 这里是第二行

注意在第一行的末尾要编写 两个空格再加回车

Markdown换段语法

在文本末尾添加 (两个回车) 创建换段

Markdown语法	Html语法	效果
这里是第一段 这里是第二段	<p>这里是第一段</p><p>这里是第二段</p>	这里是第一段 这里是第二段

Markdown加粗语法

文本前后各添加**或者__(前后两个*或者两个_)

Markdown语法	Html语法	效果
这是**粗体字**	<strong>这是粗体字</strong>	这是粗体字
这是__粗体字__	<strong>这是粗体字</strong>	这是粗体字

Markdown斜体语法

文本前后各添加*或者_(前后一个*或者一个_)

Markdown语法	Html语法	效果
这是*斜体字*	<em>这是斜体字</em>	这是斜体字
这是_斜体字_	<em>这是斜体字</em>	这是斜体字

Markdown粗体斜体

文本前后各添加*或者_(前后一个*或者一个_)

Markdown语法	Html语法	效果
这是***粗体斜体字***	<strong> <em>这是斜体字</strong></em>	这是斜体字
这是___粗体斜体字___	<strong> <em>这是斜体字</strong></em>	这是斜体字
这是**_粗体斜体字_**	<strong> <em>这是斜体字</strong></em>	这是斜体字
这是__*粗体斜体字*__	<strong> <em>这是斜体字</strong></em>	这是斜体字

常使用前两种用法
***这是粗体斜体字*** ___这是粗体斜体字___

Markdown字体删除线

文本前后~~ 创建字体删除线

Markdown语法	Html语法	效果
~~这是字体删除线~~	<s>这是字体删除线</s>	这是字体删除线
~~这是字体删除线~~	<del>这是字体删除线</del>	这是字体删除线

Html的两个字体删除标签<del> <s>

Markdown分割线语法

Html使用<hr>创建分割线
Markdown单独行使用***或者___或者- - - 创建分割线
*** ___ --- <hr>效果如下

---

Markdown下划线语法

Markdown使用Html下划线标签

Markdown语法	Html语法	效果
<u>这是下划线</u>	<u>这是字体删除线</u>	这是字体删除线

Markdwon无序序列语法

使用 * 或者-或者+然后一个空格 创建无序列表 使用一个制表符或者多个,创建嵌套列表

Markdown语法	Html语法	效果
* 无序序列1 * 无序序列2 * 无序序列3	<ul> <li>无序序列1 <li>无序序列2 <li>无序序列3 </ul>	无序序列1 无序序列2 无序序列3
- 无序序列1 - 无序序列2 - 无序序列3	<ul> <li>无序序列1 <li>无序序列2 <li>无序序列3 </ul>	无序序列1 无序序列2 无序序列3
+ 无序序列1 + 无序序列2 + 无序序列3	<ul> <li>无序序列1 <li>无序序列2 <li>无序序列3 </ul>	无序序列1 无序序列2 无序序列3
- 无序序列1 - 无序序列2 - 无序序列3 -缩进项1 -缩进项2 -无序序列4	<ul> <li>无序序列1 <li>无序序列2 <li>无序序列3 <ul> <li>缩进项1 <li>缩进项2 </ul> <li>无序序列4 </ul>	无序序列1 无序序列2 无序序列3 缩进项1 缩进项2 无序序列4

Markdown有序列表语法.

数字+英文.创建有序列表(例1. 第一项) 数字不比从1开始,但是会按开始数字排序

Markdown语法	Html语法	效果
1. 有序序列 2. 有序序列 3. 有序序列	<ol> <li>无序序列1 <li>无序序列2 <li>无序序列3 </ol>	无序序列1 无序序列2 无序序列3
1. 有序序列 2. 有序序列 3. 有序序列 1.缩进项 2.缩进项 4.有序序列	<ol> <li>无序序列1 <li>无序序列2 <li>无序序列3 <ol> <li>缩进项1 <li>缩进项2 </ol> <li>无序序列4 </ol>	无序序列1 无序序列2 无序序列3 缩进项1 缩进项2 无序序列4

Markdown代码块语法

单个转义反引号引用

Markdown语法	效果
请编写输出`Hello world!`文件	请编写输出Hello world!文件

多个转义反引号

#!/bin/bash
print (Hello World!)

单个转义反引号``引用代码字段 多个转义反引号``` ```引用代码块

每行使用制表符也可以实现代码引用

// 添加商品功能
@PostMapping("/addProducts")
public Result addProducts(@RequestBody ProductsInfo products) {
    log.info("添加商品");
    if (products.getId() == null) {
        productsService.addProducts(products);
    } else {
        productsService.addProductsId(products);
    }
    Integer id = productsService.searchProductsId(products);
    return Result.success(id);
}

Maekdown引用语法

使用>引用文本

这是一个引用

使用多个>>嵌套引用

这是嵌套引用

Markdown勾选框语法

- [ ] 未完成任务 - [x] 已完成任务- [X] 以完成任务

效果

• 主任务1
  • 子任务1.1
• 主任务2
  • 子任务2.1

Markdown链接语法

方法一: [ ]( )直接填写地址

Markdown语法	效果
[百度官网](https://www.baidu.com)	百度官网

方法二: [ ][a] 使用地址占位
Markdown演示
[百度官网][a] [京东官网][b] [京东官网][b]
a: https://www.baidu.com
b: https://www.baidu.com
效果: 百度官网 京东官网 京东官网

Markdown脚注语法

Markdown语法	效果
脚注[^1] [^1]:我是一个脚注	脚注1

Markdown图片语法

Markdown语法	Html语法
	<img scr=“图片链接” alt=“图片alt” title=“图片标题”>

效果演示

Markdown表格语法

表格创建
| 姓名 | 年龄 |
| ------ | ------ |
| 小明 | 17 |

姓名	年龄
小明	17

左对齐 :-----
| 姓名 | 年龄 |
| :------ | :------ |
| 小明 | 17 |

姓名	年龄
小明	17

右对齐 -----:
| 姓名 | 年龄 |
| ------: | ------: |
| 小明 | 17 |

姓名	年龄
小明	17

居中 :-----:
| 姓名 | 年龄 |
| :------: | :------: |
| 小明 | 17 |

姓名	年龄
小明	17

Markdown高亮语法

在文本前后添加== 形成高亮

Markdown语法	效果
==高亮文本==	高亮文本

Markdown内嵌Html

可以使用Html注释 <!—这是注释---->
<strong>加粗标签 <em>斜体标签 <br>换行标签 <hr>分割线标签 <s>删除自标签 <del>删除字标签 <span>标签 <u>下划线标签 <ol>有序序列标签 <无序序列标签>

Markdown上下标

Markdown语法	效果
上表^2^	x2
下表~2~	x2

Markdown数学公式

行内公式 公式前后添加一个&

Markdown语法	效果
$x+y=z$	$x+y=z$

块公式 公式前后添加$$

Markdown语法	效果
$$x=1+y$$	$$x=1+y$$

公式的数字符号

Markdown语法	效果
\frac{1}{10}	$\frac{1}{10}$
x^2	$x^2$
x_2	$x_2$
x_2^{2X}	$x_2^{2X}$
\sqrt{3}{8}	$\sqrt{3}8$

公式常用符号

Markdown语法	效果
\not=	$\ne$
\approx	$\approx$
\leq	$\le$
\geq	$\ge$
\times	$\times$
\div	$÷$
\pm	$\pm$
\sum	$\sum$
\prod	$\prod$
\coprod	$\coprod$
overline{1+2+3}	$overline1+2+3$
180^\circ	$180^{\circ }$
\sin\pi	$\sin \pi$
\int	$\int$
\iiint	$\iiint$
y\prime	$y\prime$
\emptyset	$\varnothing$
\in	$\in$
\notin	$\notin$
\supset	$\supset$
\supseteq	$\supseteq$
\bigcap	$\bigcap$
\bigcup	$\bigcup$

希腊字符

Markdown语法	效果
\alpha	$\alpha$
\beta	$\beta$
\gamma	$\gamma$
\delta	$\delta$
\eta	$\eta$
\omega	$\omega$
\sigma	$\sigma$
\mu	$\mu$
\epsilon	$ϵ$

公式
定积分 \int_0^1x2dx
$$定积分{\int }_0^1{x}^{2}dx$$
极限 \lim_{n\rightarrow+\infty}\frac{1}{n}
$$极限\underset{n\to +\infty }{\lim }\frac{1}{n}$$
累计\sum_1^n
$$累加\sum _1^n$$
省略公式f(x)=\frac{1}{x+1}+\frac{1}{x+2}+\cdots+\frac{1}{x+n}
$$f(x)=\frac{1}{x+1}+\frac{1}{x+2}+\cdots +\frac{1}{x+n}$$
点符\ldots \cdots
$$\dots$$

---

1. 我是一个脚注 ↩︎