# MarkdownReader

**Repository Path**: ReaddyProject/MarkdownReader

## Basic Information

- **Project Name**: MarkdownReader
- **Description**: No description available
- **Primary Language**: Unknown
- **License**: Not specified
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 0
- **Created**: 2026-05-15
- **Last Updated**: 2026-05-15

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

# Markdown Reader 使用指南

欢迎使用 **Markdown Reader** — 一款简洁、优雅的在线 Markdown 阅读器。

## 功能特性

### 文件支持

你可以通过以下方式加载 Markdown 文件：

- 点击上方工具栏的 **上传文件** 按钮
- 将 `.md` 文件直接**拖拽**到阅读区域

### 实时渲染

编辑器支持完整的 Markdown 语法，包括：

1. **标题层级**（H1 - H6）
2. **粗体** 与 *斜体* 文字
3. ~~删除线~~ 文字
4. 行内 `代码` 高亮
5. 有序与无序列表
6. 引用块与分割线
7. 表格支持

### 主题切换

点击右上角的 **主题切换** 按钮，可在浅色与深色模式之间切换，保护你的眼睛。

### 目录导航

左侧侧边栏会自动提取文档中的所有标题，生成**可点击的目录**，方便快速跳转到任意章节。

> 侧边栏宽度支持拖拽调整，将鼠标悬停在侧边栏右边缘即可拖动。

### 导出 Word

点击工具栏中的 **导出 Word** 按钮，可将当前 Markdown 文档导出为 `.docx` 格式。

---

## 代码示例

```javascript
// 一个简单的 Hello World
function greet(name) {
  return `Hello, ${name}! Welcome to Markdown Reader.`;
}

console.log(greet('World'));
```

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

print([fibonacci(i) for i in range(10)])
```

---

## 表格示例

| 功能 | 状态 | 说明 |
|------|------|------|
| 文件上传 | ✅ 完成 | 支持 .md 文件拖拽上传 |
| 实时渲染 | ✅ 完成 | 基于 react-markdown |
| 目录导航 | ✅ 完成 | 自动提取标题 |
| 主题切换 | ✅ 完成 | 深浅双主题 |
| 导出 Word | ✅ 完成 | 导出 .docx 格式 |
| 自定义侧边栏 | ✅ 完成 | 可拖拽调整宽度 |

---

## 引用与强调

> "简洁是可靠性的前提。"
> — Edsger W. Dijkstra

> 这是一段多行引用。
> 可以包含 **粗体** 和 *斜体* 文字，
> 也可以包含 `行内代码`。

---

## 数学与特殊内容

以下是一些常用的 Markdown 技巧：

- 使用 `---` 创建水平分割线
- 使用 `> ` 创建引用块
- 使用反引号创建行内代码
- 使用三个反引号创建代码块，并指定语言

### 嵌套列表

- 一级列表项 A
  - 二级列表项 A1
  - 二级列表项 A2
    - 三级列表项
- 一级列表项 B
  - 二级列表项 B1

---

## 快捷操作

| 操作 | 说明 |
|------|------|
| 拖拽上传 | 将 .md 文件拖入页面 |
| 侧边栏调整 | 拖动右边缘调整宽度 |
| 主题切换 | 点击顶部图标切换 |
| 导出 Word | 点击下载按钮 |

---

感谢使用 Markdown Reader！如有问题，欢迎反馈。