MDX使用教程

1
# 一级标题
2
## 二级标题
3
### 三级标题
4
#### 四级标题
5
##### 五级标题
6
###### 六级标题

1
**这是粗体文本**

1
*这是斜体文本*

1
***这是粗斜体文本***

1
~~这是删除线文本~~

1
<u>这是下划线文本</u>

1
- 第一项
2
  - 子项 1
3
  - 子项 2
4
- 第二项
5
- 第三项

1
1. 第一步
2
   1. 子步骤 1
3
   2. 子步骤 2
4
2. 第二步
5
3. 第三步

1
- [x] 已完成任务
2
- [ ] 未完成任务
3
- [x] 又一个已完成任务

1
这是一段包含`const greeting = "Hello World";`的行内代码

1
```typescript
2
interface User {
3
  id: number;
4
  name: string;
5
  email: string;
6
}
7

8
function greet(user: User): string {
9
  return `Hello, ${user.name}!`;
10
}
11
```

1
interface User {
2
  id: number;
3
  name: string;
4
  email: string;
5
}
6

7
function greet(user: User): string {
8
  return `Hello, ${user.name}!`;
9
}

1
| 功能 | 基础版 | 高级版 |
2
|:-----|:------:|-------:|
3
| 文本编辑 | ✓ | ✓ |
4
| 实时预览 | ✗ | ✓ |
5
| 导出格式 | 2种 | 5种 |

1
> 📌 **最佳实践**
2
>
3
> 好的文章需要有清晰的结构和流畅的表达。
4
>
5
> 可以包含多个段落

1
[MDX 官方文档](https://mdxjs.com)
2
[相对路径链接](../path/to/file.md)

1
![图片描述](https://example.com/image.jpg "图片标题")

1
---

1
<u>这是下划线文本</u>

1
<details>
2
<summary>点击展开</summary>
3

4
这里是被收纳的内容。
5
可以包含任何 MDX 格式的内容。
6

7
- 列表项1
8
- 列表项2
9
- 列表项3
10

11
</details>