Markdown 编辑器

欢迎使用 MarkdownPreview！这是一个功能强大的在线 Markdown 编辑器，支持实时预览和多种高级功能。

支持的格式

1. 文本样式

粗体文本 和 斜体文本 以及 删除线。

行内代码 用于显示代码片段。

2. 代码块

支持多种编程语言的语法高亮：

function hello() {
  console.log("Hello, Markdown!");
  return "Welcome";
}

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

interface User {
  id: number;
  name: string;
  email: string;
}

3. 表格

4. 列表

无序列表

• 第一项
• 第二项
  • 嵌套项
  • 嵌套项
• 第三项

有序列表

1. 第一步
2. 第二步
3. 第三步

任务列表

• 完成编辑器开发
• 实现实时预览
• 添加更多主题
• 支持导出 PDF

5. 数学公式

行内公式：$E=m{c}^2$

独立公式：

6. Mermaid 图表

流程图

时序图

类图

甘特图

状态图

饼图

ER 图

7. 引用

这是一个引用块 可以包含多行文本

8. 链接和图片

访问 GitHub

9. 水平分隔线

10. 扩展语法

标记高亮

这是 高亮文本，常用于强调关键词。

键盘按键

按下 Ctrl + C 复制，按下 Ctrl + V 粘贴。 Mac 用户使用 ⌘ + Space 打开 Spotlight。

上下标

欧拉公式：$e^{ipi}+1=0$

水的化学式：H₂O 勾股定理：a² + b² = c²

脚注

这是一段包含脚注的文本¹，点击上标可以跳转到文档底部查看说明²。

定义列表

Markdown

一种轻量级标记语言，创始人为约翰·格鲁伯（John Gruber）。

GFM

GitHub Flavored Markdown，GitHub 在标准 Markdown 基础上扩展的版本。

KaTeX

一个快速渲染数学公式的 JavaScript 库，支持 LaTeX 语法。

开始编辑你的 Markdown 文档吧！ 🚀

11. Diff 代码高亮

- 旧的实现方式
+ 新的实现方式
  context line
@@ -1,3 +1,3 @@
- 被删除的代码
+ 新增的代码

12. Emoji 表情符号

Markdown 完全支持 Unicode emoji，直接复制粘贴即可：

🚀 🚀 火箭 - 用于发布/部署说明
🔥 🔥 火焰 - 用于重要更新
❤️ ❤️ 心形 - 用于感谢/喜欢
⭐ ⭐ 星星 - 用于收藏/推荐
⚠️ ⚠️ 警告 - 用于注意
🎉 🎉 庆祝 - 用于里程碑
💡 💡 灯泡 - 用于提示
✅ ✅ 勾选 - 用于完成
❌ ❌ 叉号 - 用于错误/删除

13. 可折叠区域

14. 自定义容器

15. 代码块行高亮

在代码块的语言标识后使用 {N,M-K,...} 语法即可高亮指定行：

interface User {  id: number;       // 第 2 行高亮  name: string;  email: string;    // 第 4 行高亮  avatar: string;   // 第 5 行高亮  createdAt: Date;  // 第 6 行高亮}