Markdown 实时预览 / 导出 HTML

左编辑 / 右实时渲染,支持 GFM(表格 / 任务列表 / 删除线)、代码高亮、目录生成、亮 / 暗双主题,导出完整 HTML

目录代码高亮同步滚动

⋮

实时双栏预览输入即渲染,中间分隔条可点击互换左右两栏,适合长文校对

GFM 标准支持 GitHub Flavored Markdown:表格、任务列表、删除线、自动链接、行内 HTML

代码高亮15+ 种语言(JS/TS/Python/Java/Go/SQL/Shell/HTML/CSS/JSON 等),自动识别语言

目录(TOC)自动解析 H1~H6 标题并生成可跳转目录,锚点平滑滚动定位

导出 HTML生成独立 HTML 文件(完整 <!DOCTYPE> + 内联 CSS),可双击打开

快捷工具栏一键插入粗体、斜体、标题、列表、表格、代码块、链接、图片等

# / ## / ###标题 1~6 级

**bold** / *italic*粗体 / 斜体

~~strike~~删除线

`code`行内代码

```lang代码块,带语言高亮

[txt](url)超链接

![alt](url)图片

> quote引用块

- / 1.无序 / 有序列表

- [x] task任务列表(GFM)

---水平分割线

| col |表格(GFM)

README 编写博客排版API 文档技术笔记邮件 HTML公众号预览周报 / 文档幻灯片脚本

Q:导出的 HTML 能直接发给别人看吗?

能。导出的是**完整 HTML 文档**,包含所有样式(代码高亮、主题等),无需联网即可在任意浏览器打开。注意:含 file:// 协议的本地图片会被浏览器默认拦截,需用 base64 或图床。

Q:支持数学公式 / Mermaid 图表吗?

本工具专注于**纯标准 Markdown + GFM**。数学公式需要 KaTeX(~50KB)会增加体积,本工具不内置,如有需要可在导出 HTML 后自行引入 CDN。图表同理。

Q:代码块语言怎么指定?

在代码块开头标注语言即可: ```javascript / ```python / ```bash / ```sql 等。不标注则按纯文本展示。

Q:为什么表格列宽没对齐?

标准 Markdown 表格用管道符 | 即可,本工具按 GFM 渲染为 HTML 表格。CSS 用了 table-layout: auto,内容最长的一列决定宽度。