Markdown 预览
文本基于 markdown-it 实时将 Markdown 渲染为 HTML,完整支持 GFM 语法、代码高亮、表格、任务列表与目录生成,左右分屏即写即看,适合技术博客撰写、项目文档编写与 GitHub README 预览,显著提升 Markdown 写作效率。
Hello Markdown
A bold and italic sample with a link.
列表
- item one
- item two
- item three
代码
const greet = (name) => `Hello, ${name}!`
console.log(greet('world'))
A blockquote with emphasis.
| Header | Value |
|---|---|
| Alpha | 1 |
| Beta | 2 |
关于 Markdown 预览
Markdown 预览工具实时将 Markdown 渲染为格式化 HTML，支持标题、加粗、表格、代码块、任务列表与 GitHub 风格扩展语法，并在左右分栏中对照编辑与预览。它适合撰写 README、技术文档与博客草稿时即时校验排版效果，也提供一键复制 HTML 用于富文本编辑器粘贴。渲染在浏览器本地完成，不依赖外部服务，支持明暗主题切换与导出，写作过程完全离线，不会上传任何内容，适合文档协作前的本地校对，边写边看的闭环让排版错误在提交前就被发现，远比事后在渲染端返工更高效、更省心，也显著降低了非技术人员参与文档写作的门槛，让协作不再被格式细节劝退，让文档质量在动笔阶段就得到保障，而不是等上线后才被发现，本站同类工具均支持在浏览器本地离线运行，数据不会上传服务器，可放心粘贴使用。
使用方法
- 打开 Markdown 预览 工具页面
- 根据需求输入或粘贴数据到输入区域
- 查看实时处理结果，使用复制按钮获取输出
使用场景
- README 预览 — 提交到仓库前先确认标题层级、徽章和代码块渲染是否正常。
- 博客草稿 — 在发布到静态站点前预览文章排版，检查图片与链接。
- 语法学习 — 实时对照输入与输出，快速掌握表格、任务列表等 Markdown 写法。
- 文档评审 — 把 Markdown 渲染后截图，方便不熟悉语法的同事审阅内容。
- 代码片段 — 检验围栏代码块的语言标注与缩进在渲染后是否正确。
常见问题
支持哪种 Markdown 方言？
支持常用的 CommonMark 基础语法及表格、删除线、任务列表等常见 GFM 扩展，覆盖日常写作需求。
能渲染 HTML 标签吗？
出于安全考虑，内嵌的脚本类 HTML 不会被执行，避免预览时触发恶意代码。
数学公式能显示吗？
基础版本聚焦文本与代码渲染，复杂的 LaTeX 公式可能不支持，建议用专门的公式工具。
可以导出成 HTML 吗？
你可以直接复制渲染区域的内容，或从源码复制 Markdown；如需结构化转换可配合本站其它格式工具。
粘贴的图片链接不显示？
预览会按链接加载图片，若图片需要登录或有防盗链限制，浏览器可能无法显示，这与解析无关。
有浏览器兼容性要求吗？
本工具兼容所有现代浏览器（Chrome、Firefox、Edge、Safari），无需安装任何插件或扩展。
可以离线使用吗？
首次加载后，部分功能在离线状态下仍可使用。页面资源加载后，核心逻辑完全在浏览器本地运行，不依赖网络。
评论与讨论
评论仅保存在你的浏览器本地，切换设备后不可见。配置 Giscus 后可支持云端评论。