「这是我参与2022首次更文挑战的第3天，活动详情查看：2022首次更文挑战」

前言

最近在掘金上写一些文章，在写作过程中会遇到一些文字描述比较复杂，使用公式、表格、图片描述更加直观简洁的地方；因为之前没有使用过Markdown这个编辑器，所以对Markdown使用不是很熟悉。本文就是记录我在使用Markdown的时候常用的一些语法。记录下来仅供参考，如有错误敬请谅解；

标题

# 一级标题
## 二级标题
### 三级标题
#### 四级标题
##### 五级标题
###### 六级标题

字体

加粗、删除、倾斜、高亮

**被加粗的文字**：被加粗的文字

~~被删除的文字~~：被高亮的文字

*被倾斜的文字*：被倾斜的文字

`被高亮的文字`:被高亮的文字

补充说明

在vs code的Markdown插件中高亮是 ==被高亮的文字==，但是在掘金的编辑器不生效

代码块

JavaScript代码

```js
var s = '这里是JavaScript代码'
```
Markdown效果如下：

var s = '这里是JavaScript代码'

shell脚本

```shell
git -v
```
Markdown效果如下：

git -v

引用

> 这里是一级引用
>> 这里是二级引用
>>> 这里是三级引用

Markdown效果：

这里是一级引用

这里是二级引用

这里是三级引用

分割线

// 3个中划线可以组成分割线，线较细，颜色较浅
---
// 或者3个星号，线较粗，颜色较深
********

Markdown效果：

---

---

超链接

[掘金首页](https://juejin.cn/)
[百度首页](https://www.baidu.com/)

Markdown效果： 掘金首页 百度首页

图片

![图片名](https://p6-juejin.byteimg.com/tos-cn-i-k3u1fbpfcp/b46a8dd62d414c0ba740de74cfb42e87~tplv-k3u1fbpfcp-zoom-crop-mark:1304:1304:1304:734.awebp?)

Markdown效果：

表格

| 标题 | 掘金 | 字节 |
| ---- | ---- | ---- |
| 数据 | 200  | 20   |

Markdown效果：

标题	掘金	字节
数据	200	20

列表

无序列表

- 第一列
  - 第 1.1 列
  - 第 1.2 列
- 第二列
- 第三列
  - 第 3.1 列
  - 第 3.2 列

• 第一列
  • 第 1.1 列
  • 第 1.2 列
• 第二列
• 第三列
  • 第 3.1 列
  • 第 3.2 列

有序列表

1. 第一列
2. 第二列
3. 第三列
  

1. 第一列
2. 第二列
3. 第三列

公式

上标、下标

$10^4$：$10^4$
$10_4$：$10_4$

括号

小括号、中括号、大括号

//  小括号、中括号
$(2+3)[4+4]$
// 大括号
$\left((2+3)[4+4]\right)$

$(2+3)[4+4]$
$\left((2+3)[4+4]\right)$

花括号

$\{a*b\}$
$\{a*b\}:\{a+b\}$

$\{a*b\}$
$\{a*b\}:\{a+b\}$

积分

$\int_{r=1}^\infty$
// 解释：
// \int表示积分,r=1表示基本下限

$\iint_{r=1}^\infty$
//  \iint 表示多重积分

$\int_{r=1}^\infty$
$\iint_{r=1}^\infty$

求和

$\sum_{r=1}^n$

$\sum_{r=1}^n$

图表

mermaid流程图

图的方向

T:top,B:bottom,R:right,L:left

• TD从上到下
• BD从下到上
• RL从右到左
• LR从左到右

节点和连线形状

格式	产出图形
A[A]	见下图
B(B)	见下图
C([C这里是文字])	见下图
D[(D)]	见下图
E((E))	见下图
F>F]	见下图
G{G}	见下图
H{{H}}	见下图
I[/I/]	见下图
J[\J]	见下图
A[A] --> B(B)	实线箭头
B[B] --- C(C)	实现
D[D] -.- E(E)	虚线箭头
E[E] === F(F)	加粗直线
F[F] -.-> G(G)	虚线箭头
G[G] ==> H(H)	虚线箭头
H[H] --文字--> I(I)	连线添加文字
H[H] --文字--> I(I)	连线添加文字
D & E & F --> G	多个同时连一个
C --> D & E & F	一个同时连多个

graph LR
A[A] --> B(B) --- C([C这里是文字]) --> D & E & F --> G

graph LR
D[(D)] -.- E((E)) === F>F] -.-> G{G} ==> H{{H}} --文字--> I[/I/]  -->  J[\J\]