用途

Markdown 在线预览与编辑工具，左侧输入 Markdown 右侧实时渲染 HTML 效果，支持 GFM（GitHub Flavored Markdown）扩展、表格、任务列表、删除线、Mermaid 流程图、KaTeX 数学公式、代码语法高亮、Footnote 脚注、Emoji 短码。所有渲染在浏览器本地完成，不上传任何内容。适合写技术文档、README、博客草稿、知识库笔记前的预览校对。导出可选 HTML、PDF、纯文本，便于贴到飞书、Notion、公众号等平台。

操作步骤

1. 左侧编辑器输入 Markdown 文本，或拖入 .md / .markdown 文件
2. 右侧实时渲染 HTML 预览，滚动同步两侧位置
3. 代码块自动语法高亮，支持 100+ 语言（js / py / go / java / rust 等）
4. 表格、任务列表、删除线、引用等 GFM 扩展直接渲染
5. Mermaid 流程图、序列图、甘特图：用 ```mermaid 代码块包裹自动渲染
6. 数学公式：行内 $E=mc^2$ 或块级 $$ ... $$ 用 KaTeX 渲染
7. 导出 HTML / PDF / 纯文本；HTML 包含完整内联样式可直接发邮件或贴公众号
8. 主题切换：明亮 / 暗黑 / 阅读舒适三种预览样式

常见问题

Markdown 渲染出来的样式可以直接复制到微信公众号吗？

可以。导出 HTML 时勾选「内联样式」，所有 CSS 都会内联到标签 style 属性里。复制 HTML 源码贴进公众号编辑器（粘贴为代码视图）即可保留样式。注意公众号会过滤部分标签和 class，建议提前测试。

Mermaid 图渲染失败显示语法错误怎么办？

检查 mermaid 代码块语法：graph TD（自上而下）或 LR（从左到右）开头，节点和边的语法对照官方文档。本工具支持 mermaid 10.x 全部图类型：flowchart、sequence、gantt、state、er、journey、pie。

怎么写数学公式？支持 LaTeX 全部命令吗？

本工具用 KaTeX 渲染，覆盖 LaTeX 数学模式约 90% 常用命令（积分、求和、矩阵、希腊字母、上下标）。环境如 align、cases、matrix 都支持。少数 LaTeX 包专属命令（如 mhchem 化学式）需要单独配置，KaTeX 主页有完整支持列表。

能直接发布到博客平台吗？

工具只负责渲染和导出，不直连第三方平台。但导出的 HTML / Markdown 文件可以贴到 Hexo / Hugo / VitePress / Jekyll / Astro 等静态博客系统，也能上传到知乎、掘金、博客园等支持 Markdown 的社区。

代码块的语法高亮支持哪些语言？

基于 highlight.js，支持 100+ 语言。常用 js / ts / jsx / tsx / py / go / rust / java / kotlin / swift / php / ruby / c / cpp / cs / sql / yaml / json / bash / dockerfile 都没问题。代码块开头标语言：```python 或 ```typescript。

应用场景

• 写 GitHub README：边写边预览渲染效果，避免提交后才发现表格错位或代码块没高亮
• 准备技术博客：在工具里把草稿打磨好，再贴到 Hexo / Hugo / 掘金 / 知乎发布
• 导出公众号文章：写 Markdown 比公众号编辑器顺手，导出内联 HTML 后粘贴
• 画 Mermaid 架构图：写技术文档需要序列图、流程图，直接 Markdown 写不用单独画图工具
• 维护知识库：飞书 / Notion / 语雀都支持 Markdown 粘贴，本地编辑预览后批量贴

适用场景

写 GitHub README、博客草稿、技术文档、知识库笔记、公众号文章。开发者、技术写作者、博主、运营的常用场景。GFM 扩展齐全、Mermaid 图、KaTeX 公式、导出内联 HTML 是关键差异点。