Markdown文本编辑器常用操作介绍

背景说明

• Markdown语言是国际杂志编辑以及许多写作者都广泛使用的写作语言
• 它使用一些简单的符号（* / ` > [] () #）来标记文本格式
• 其简洁的语法、优美的格式以及强大的软件支持深受广大网友的喜爱，因此Markdown文本编辑器应运而生。

标题

文本样式

---

强调文本 强调文本

加粗文本 加粗文本

标记文本

删除文本

引用文本

H₂O is是液体。

2¹⁰ 运算结果是 1024。

字体颜色显示红色

---

实现上述效果，语法如下↓↓↓↓↓↓↓↓↓

*强调文本* _强调文本_

**加粗文本** __加粗文本__

==标记文本==

~~删除文本~~

> 引用文本

H~2~O is是液体。

2^10^ 运算结果是 1024。

字体颜色显示红色

列表

---

• 项目
  • 项目
    • 项目

1. 项目1
2. 项目2
3. 项目3

• 计划任务
• 完成任务

---

实现上述效果，语法如下↓↓↓↓↓↓↓↓↓

- 项目
  * 项目
    + 项目

1. 项目1
2. 项目2
3. 项目3

- [ ] 计划任务
- [x] 完成任务

图片

图片:

带尺寸的图片:

宽度确定高度等比例的图片:

高度确定宽度等比例的图片:

居中的图片:

居中并且带尺寸的图片:

居右的图片:

---

实现上述效果，语法如下↓↓↓↓↓↓↓↓↓

图片: ![Alt](https://img-home.csdnimg.cn/images/20220524100510.png)

带尺寸的图片: ![Alt](https://img-home.csdnimg.cn/images/20220524100510.png =60x60)

宽度确定高度等比例的图片: ![Alt](https://img-home.csdnimg.cn/images/20220524100510.png =60x)

高度确定宽度等比例的图片: ![Alt](https://img-home.csdnimg.cn/images/20220524100510.png =x60)

居中的图片: ![Alt](https://img-home.csdnimg.cn/images/20220524100510.png#pic_center)

居中并且带尺寸的图片: ![Alt](https://img-home.csdnimg.cn/images/20220524100510.png#pic_center =60x60)

居右的图片: ![Alt](https://img-home.csdnimg.cn/images/20220524100510.png#pic_right)

链接

链接: CSDN官网

---

实现上述效果，语法如下↓↓↓↓↓↓↓↓↓

链接: [CSDN官网](https://www.csdn.net/)

目录

想要文章前面加上目录，语法如下↓↓↓↓↓↓↓↓

@[TOC](这里写目录标题)
# 一级目录
## 二级目录
### 三级目录

插入代码

下面展示一些 内联代码片。

// A code block
var foo = 'bar';

// An highlighted block
var foo = 'bar';

---

实现上述效果，语法如下↓↓↓↓↓↓↓↓↓

下面展示一些 `内联代码片`。

```
// A code block
var foo = 'bar';
```

```javascript
// An highlighted block
var foo = 'bar';
```

插入表格

项目	Value
电脑	$1600
手机	$12
导管	$1

Column 1	Column 2	想要实现多列的话在后面加	x
centered 文本居中	right-aligned 文本居右

项目     | Value
-------- | -----
电脑  | $1600
手机  | $12
导管  | $1

| Column 1 | Column 2      |想要实现多行多列的话在后面加|x
|:--------:| -------------:|--|--|
| centered 文本居中 | right-aligned 文本居右 |

想要实现多行多列的话在后面加 |符号，要是英文输入状态才可以