Markdown 编辑器

# Markdown 编辑器演示

[toc]

## 1. 简介

这是一个功能强大的 Markdown 编辑器，支持实时预览、代码高亮、目录生成等功能。

## 2. 基础语法

### 2.1 标题

支持 6 级标题，通过 `#` 符号表示：

```markdown
# 一级标题
## 二级标题
### 三级标题
```

### 2.2 强调

可以使用 **粗体** 和 *斜体* 来强调文本。

### 2.3 列表

#### 无序列表：
- 第一项
- 第二项
  - 嵌套项目
  - 另一个嵌套项目

#### 有序列表：
1. 第一步
2. 第二步
3. 第三步

### 2.4 引用

> 这是一个引用块
> 
> 可以包含多行内容

### 2.5 代码

行内代码：`console.log('Hello World')`

代码块：

```javascript
function hello() {
  console.log('Hello, Markdown!');
  return 'success';
}

hello();
```

```python
def fibonacci(n):
    if n <= 1:
        return n
    return fibonacci(n-1) + fibonacci(n-2)

print(fibonacci(10))
```

### 2.6 表格

| 功能 | 支持 | 备注 |
|------|------|------|
| 实时预览 | ✅ | 快速响应 |
| 代码高亮 | ✅ | 多种主题 |
| 目录生成 | ✅ | 自动锚点 |
| 字体控制 | ✅ | 多种字体 |

### 2.7 链接

[GitHub](https://github.com) | [官方文档](https://markdown-it.github.io/)

### 2.8 图片

![Markdown Logo](https://markdown-here.com/img/icon256.png)

## 3. 高级功能

### 3.1 数学公式

内联公式：$E = mc^2$

块级公式：

$$
\frac{1}{n} \sum_{i=1}^{n} x_i = \bar{x}
$$

### 3.2 任务列表

- [x] 完成基础功能
- [x] 添加代码高亮
- [x] 实现目录生成
- [ ] 添加更多主题
- [ ] 支持插件系统

### 3.3 脚注

这里有一个脚注[^1]。

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

## 4. 结语

感谢使用这个 Markdown 编辑器！如果您有任何建议或问题，欢迎反馈。

---

**提示：** 尝试修改顶部菜单栏设置来自定义预览效果！

请在左侧输入 Markdown 内容

内容将自动转换为 HTML 预览