✍️

Markdown 编辑器 · 使用说明

实时分栏预览·工具栏·代码高亮·图片粘贴 Base64·导出 MD/HTML

通用 Markdown 编辑器:左右分栏、实时预览、工具栏 + 快捷键、代码块语法高亮,纯浏览器本地运行。

适合写什么

  • 博客草稿 / 技术文档 / README
  • 会议纪要 / 学习笔记 / 阅读摘录
  • 带截图的操作指南(截图粘贴自动 Base64 内嵌,导出单文件 HTML 即可分享)

设计原则

  • 零学习成本:打开即用,左边写、右边看
  • 本地优先:内容自动保存到 localStorage,不经服务器
  • 格式自由:支持导出 .md(原文)和 .html(带样式独立文件),复制 MD 源码或 HTML 片段

不适合

  • 写公众号推文:请用 md2wechat(自带公众号主题和一键复制)
  • 超长文档协作:没有版本管理、多人协同,重度写作建议配合 VS Code / Obsidian 这类桌面工具

📍使用场景

  • 写博客 / 笔记 / README左边写 Markdown,右边实时看渲染效果,所见即所得。内容自动保存到浏览器本地,刷新不丢。
  • 做分享材料 / 单文件 HTML粘贴图片自动转 Base64 内嵌,导出一个独立 .html 文件即可发给别人,不依赖任何外部资源。
  • 技术文档草稿支持代码块语法高亮(170+ 语言)、表格、任务列表、目录跳转,写技术文档够用。

常见问题

内容会上传到服务器吗?

不会。所有编辑、预览、渲染、导出都在你的浏览器里完成。内容保存到浏览器 localStorage,不会经过任何后端。关掉浏览器再打开,上次写到一半的内容还在。

为什么图片我粘贴进来会变成很长一串乱码?

那是 Base64 编码 后的图片数据(类似 data:image/png;base64,iVBORw0KGgo...),因为本工具纯静态、没有图床后端,所以把图片直接编码嵌入到 Markdown 里,这样导出的 HTML 是单个自包含文件,不需要另外上传图片。代价是文件体积会比外链大一些。

支持哪些 Markdown 语法?

遵循 CommonMark + GFM(GitHub Flavored Markdown):标题、粗斜体/删除线、有序/无序列表、任务列表(- [x])、引用、代码块(带语言标识语法高亮)、表格、分隔线、链接、图片、自动链接。额外扩展:KaTeX 数学公式(行内 $E=mc^2$、块级 $$...$$)、Mermaid 流程图(<code>```mermaid</code> 代码块)。

怎么导出 PDF?

点工具栏「打印 PDF」按钮会弹出浏览器的打印对话框,把目标选成「另存为 PDF」或「Microsoft Print to PDF」就行。走浏览器原生管线对中文/代码/表格/公式/流程图的支持都很完美,文字可选可搜,比第三方 PDF 库靠谱很多。

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

使用 highlight.js common 包,覆盖 170+ 常见语言,包括 JavaScript/TypeScript、Python、Go、Rust、Java、C/C++、SQL、Shell、JSON、YAML、XML/HTML、CSS、Markdown 自身等。写代码块时指定语言即可:<code>``javascript</code> 或 <code>``python</code>。不指定语言时会自动检测。

「复制 HTML」和「下载 HTML」有什么区别?

复制 HTML 复制的是渲染后的 HTML 片段(不带 <html>/<head>/<style>),适合贴进富文本编辑器或已有页面。下载 HTML 生成的是完整的独立 HTML 文件(带基础样式和 <!DOCTYPE>),双击就能用浏览器打开看,适合分享给别人或本地存档。

快捷键有哪些?

编辑区支持 Ctrl+B 加粗 / Ctrl+I 斜体 / Ctrl+K 插入链接 / Ctrl+S 立即保存(Mac 用 Cmd)。另外 Tab 可以缩进选中行、Ctrl+Z/Ctrl+Y 撤销重做。

写公众号推文用它还是 md2wechat?

公众号推文请用 md2wechat——它自带多套公众号专用主题,能一键复制到公众号后台保留样式。本工具定位是通用 Markdown 写作(博客、文档、笔记、README),输出的是普通 HTML。

✍️ 打开 Markdown 编辑器 实时分栏预览·工具栏·代码高亮·图片粘贴 Base64·导出 MD/HTML