Markdown 语法示例

1
2
3
4
5
6

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

1
2
3

这是第一段。

这是第二段。

1
2

第一行  
第二行

 1
 2
 3
 4
 5
 6
 7
 8
 9
10

**粗体文本**
__粗体文本__

*斜体文本*
_斜体文本_

***粗斜体***
___粗斜体___

~~删除线~~

1

==高亮文本==

1
2
3
4
5

- 项目 1
- 项目 2
  - 子项目 2.1
  - 子项目 2.2
- 项目 3

1
2
3
4
5

1. 第一项
2. 第二项
   1. 子项 2.1
   2. 子项 2.2
3. 第三项

1
2
3

- [x] 已完成任务
- [ ] 未完成任务
- [ ] 待办事项

1
2
3
4
5
6
7
8
9

[链接文本](https://example.com)

[带标题的链接](https://example.com "链接标题")

[相对路径链接](./01-快速入门.md)

<https://example.com>

<email@example.com>

1
2
3

![图片替代文本](/path/to/image.jpg)

![带标题的图片](/path/to/image.jpg "图片标题")

1
2

> 这是一段引用文本。
> 可以包含多行内容。

1
2
3
4
5

> 第一层引用
>
> > 第二层引用
> > 
> > 第三层引用

1
2
3
4
5
6

> ## 标题
> 
> 1. 列表项 1
> 2. 列表项 2
>
> `代码`

1

这是一段包含 `行内代码` 的文本。

1
2
3
4
5

```javascript
function hello() {
  console.log("Hello, World!");
}
```

1
2
3

function hello() {
  console.log("Hello, World!");
}

1
2
3
4

| 列1 | 列2 | 列3 |
|-----|-----|-----|
| 数据1 | 数据2 | 数据3 |
| 数据4 | 数据5 | 数据6 |

1
2
3

| 左对齐 | 居中 | 右对齐 |
|:-------|:----:|-------:|
| 内容 | 内容 | 内容 |

1
2
3
4
5
6

| 功能 | 状态 | 说明 |
|------|:----:|------|
| **粗体** | ✅ | 支持 |
| *斜体* | ✅ | 支持 |
| `代码` | ✅ | 支持 |
| [链接](./) | ✅ | 支持 |

1
2
3
4
5

---

***

___

1
2
3

这是一个脚注示例[^1]。

[^1]: 这是脚注的内容。

1

质能方程 $E = mc^2$ 是物理学基础。

1
2
3

$$
\frac{\partial f}{\partial x} = \lim_{h \to 0} \frac{f(x+h) - f(x)}{h}
$$

1
2
3
4
5

<div style="background: #f0f0f0; padding: 10px; border-radius: 5px;">
  <p>这是一个自定义 HTML 区块</p>
</div>

<kbd>Ctrl</kbd> + <kbd>C</kbd> 复制

1
2
3

\* 不是斜体 \*
\# 不是标题
\[ 不是链接

1
2
3
4
5
6

术语 1
: 定义 1

术语 2
: 定义 2a
: 定义 2b

1
2
3
4

*[HTML]: Hyper Text Markup Language
*[CSS]: Cascading Style Sheets

HTML 和 CSS 是前端基础。

1
2
3
4
5
6
7
8

## 安装步骤

### 1. 下载依赖

运行以下命令：

```bash
npm install

1

npm start

1

npm start