Markdown在线预览与编辑工具

Markdown 是一种轻量级标记语言，由 John Gruber 于 2004 年创建，目的是让人们可以用简洁易读的纯文本格式编写文档，然后方便地转换成 HTML 等格式。Markdown 使用简单的符号来标记文本格式，例如用 # 号表示标题、用星号表示加粗和斜体、用减号表示列表等。与 HTML 相比，Markdown 的语法更加简洁直观——同样实现一个标题，HTML 需要写 <h1>标题</h1>，而 Markdown 只需要写 # 标题。Markdown 适合日常写作和文档编写，而 HTML 则更适合构建复杂的网页结构和样式。在本工具中，您输入 Markdown 源码后，右侧会自动将其渲染成 HTML 格式展示，让您同时享受 Markdown 的简洁高效和 HTML 的丰富表现力。

本工具提供以下核心功能：实时双栏预览（左侧编辑 Markdown 源码，右侧实时渲染 HTML 效果）、格式化工具栏（支持加粗、斜体、标题、列表、引用、代码块、链接、图片、表格等语法的快速插入）、代码语法高亮（支持超过 190 种编程语言）、快捷键操作（Ctrl+B 加粗、Ctrl+I 斜体、Ctrl+K 链接、Tab 缩进）、自动保存（内容实时保存到浏览器 localStorage）、多种导出方式（复制 Markdown 源码、复制 HTML 代码、导出 HTML 文件）以及实时字数统计。所有功能均在浏览器本地运行，无需登录、无需上传数据。

以下是 Markdown 最常用的语法元素速查：标题使用 # 号（# 一级标题 到 ###### 六级标题），加粗使用双星号（**加粗文本**），斜体使用单星号（*斜体文本*），删除线使用双波浪线（~~删除线~~）。无序列表使用减号加空格（- 列表项），有序列表使用数字加点号（1. 列表项）。引用使用大于号加空格（> 引用内容）。行内代码使用反引号（`代码`），代码块使用三个反引号包裹并在首行指定语言（```javascript 代码 ```）。链接格式为 [显示文本](URL)，图片格式为 。表格使用竖线和短横线构建，支持对齐设置。此外，Markdown 还支持水平分割线（三个减号 ---）、任务列表（- [ ] 未完成 / - [x] 已完成）等扩展语法。

本工具支持以下快捷键：Ctrl+B 插入加粗语法，Ctrl+I 插入斜体语法，Ctrl+K 插入链接语法，Tab 键在列表中增加缩进级别。这些快捷键与 VS Code、Typora 等主流编辑器的操作习惯保持一致。要快速提高写作效率，建议：首先熟悉常用的 Markdown 语法，减少对工具栏的依赖；其次养成使用快捷键的习惯，实现纯键盘操作；第三善用格式化工具栏中的按钮，快速插入复杂语法（如表格、链接）；第四充分利用自动保存功能，专注内容创作无需担心丢失。随着使用次数增加，您的 Markdown 写作速度会越来越快。

本工具的代码语法高亮引擎支持超过 190 种编程语言和标记语言，涵盖所有主流编程语言：JavaScript、TypeScript、Python、Java、C、C++、C#、Go、Rust、PHP、Ruby、Swift、Kotlin、Scala、Dart、Lua、Perl 等；前端相关：HTML、CSS、SCSS、Less、JSX、TSX 等；数据格式：JSON、YAML、TOML、XML、CSV 等；脚本与运维：Bash、Zsh、PowerShell、Batch、Dockerfile 等；数据库：SQL、MySQL、PostgreSQL、MongoDB 等；配置文件：INI、Properties、Nginx 配置等。在 Markdown 中使用代码块时，只需在开始的三个反引号后添加语言标识符即可启用对应语言的语法高亮，例如 ```javascript、```python、```sql 等。完整支持的语言列表请参考 Prism.js 或 Highlight.js 的官方文档。

本工具提供自动保存功能，您的编辑内容会实时保存到浏览器的 localStorage 中。只要不清除浏览器数据，即使关闭页面或刷新浏览器，内容也不会丢失，下次打开时会自动恢复。但是需要注意：自动保存依赖于浏览器的本地存储，如果您手动清除了浏览器缓存和数据、使用了隐私浏览模式、或者更换了浏览器或设备，之前保存的内容将无法恢复。因此，建议您定期使用工具提供的导出功能备份内容：点击「导出 HTML」按钮可以生成完整的 HTML 文件并自动下载，点击「复制 MD」可以将 Markdown 源码复制到剪贴板，然后粘贴保存到其他文本编辑器中。对于重要的文档，建议同时在本地文件系统和云存储中各保留一份备份，确保万无一失。