📘

Markdown 预览

基于 markdown-it 实时将 Markdown 渲染为 HTML,完整支持 GFM 语法、代码高亮、表格、任务列表与目录生成,左右分屏即写即看,适合技术博客撰写、项目文档编写与 GitHub README 预览,显著提升 Markdown 写作效率。

327 字符 · 23 行
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 预览

写 README、技术笔记或博客草稿时,你想边写 Markdown 边看渲染效果,又不愿打开笨重的编辑器。本工具提供左右分栏的实时预览:左侧输入 Markdown,右侧即时渲染标题、列表、表格、代码块、链接和引用。所有解析都在浏览器本地完成,文档不会上传到任何服务器,适合处理含内部信息的私密笔记。 建议在日常开发中收藏本工具,遇到文本处理需求时即可快速打开使用。所有处理均在浏览器本地完成,数据不会上传,可放心粘贴私密内容。

使用场景

  • README 预览 — 提交到仓库前先确认标题层级、徽章和代码块渲染是否正常。
  • 博客草稿 — 在发布到静态站点前预览文章排版,检查图片与链接。
  • 语法学习 — 实时对照输入与输出,快速掌握表格、任务列表等 Markdown 写法。
  • 文档评审 — 把 Markdown 渲染后截图,方便不熟悉语法的同事审阅内容。
  • 代码片段 — 检验围栏代码块的语言标注与缩进在渲染后是否正确。

常见问题

支持哪种 Markdown 方言?

支持常用的 CommonMark 基础语法及表格、删除线、任务列表等常见 GFM 扩展,覆盖日常写作需求。

能渲染 HTML 标签吗?

出于安全考虑,内嵌的脚本类 HTML 不会被执行,避免预览时触发恶意代码。

数学公式能显示吗?

基础版本聚焦文本与代码渲染,复杂的 LaTeX 公式可能不支持,建议用专门的公式工具。

可以导出成 HTML 吗?

你可以直接复制渲染区域的内容,或从源码复制 Markdown;如需结构化转换可配合本站其它格式工具。

粘贴的图片链接不显示?

预览会按链接加载图片,若图片需要登录或有防盗链限制,浏览器可能无法显示,这与解析无关。

有浏览器兼容性要求吗?

本工具兼容所有现代浏览器(Chrome、Firefox、Edge、Safari),无需安装任何插件或扩展。

可以离线使用吗?

首次加载后,部分功能在离线状态下仍可使用。页面资源加载后,核心逻辑完全在浏览器本地运行,不依赖网络。