支持实时预览的在线 Markdown 查看器

MD Viewer 是一款免费的在线 Markdown 查看器，能把任意 Markdown 实时渲染成干净、易读的 HTML。无论是 README、RFC、更新日志，还是任意 .md 文件，粘贴进来就能立刻看到最终效果，包括 GFM 表格、LaTeX 数学公式、Mermaid 图表和代码高亮，整体观感与 GitHub 或主流文档站点保持一致。

如果想顺手改几笔，这里也可以当作一个轻量编辑器使用。左侧编辑，右侧实时预览，确认无误后，一键复制净化后的 HTML，或生成一条公开分享链接。无需注册账号，也不用安装任何东西。

一个真正把渲染做对的 Markdown 查看器

不少在线 Markdown 工具都会在关键细节上偷懒：脚注被忽略、表格渲染错乱、LaTeX 公式被当成纯文本、Mermaid 干脆不支持。MD Viewer 在本地预览、复制 HTML 和公开分享时，走的都是同一条渲染链路。预览区里看到的样子，就是读者最终看到的样子。

实时预览会在你粘贴或输入时随之更新，只做了恰到好处的防抖，所以即便是几千字、夹带公式和图表的 README，也依旧反应顺滑。

完整渲染支持

GitHub Flavored Markdown（GFM）

完整支持 CommonMark，并补齐了真实文档里最常用的 GFM 扩展：

支持列对齐的表格
使用 - [ ] 和 - [x] 的 任务列表
带语言提示的 围栏代码块高亮
原始 URL 的 自动链接
长文常用的脚注
使用 ~~text~~ 的 删除线

功能	是否支持	说明
表格	yes	支持 GFM 对齐语法
任务列表	yes	在 HTML 中渲染为交互式复选框
脚注	yes	自动编号
删除线	yes	支持 `~~like this~~`

把 GitHub README 直接贴进来，这个 Markdown 查看器会按你预期的方式渲染，不会丢复选框，不会把表格搞乱，也不会让脚注失效。

LaTeX 数学公式

无论是 $E = mc^2$ 这样的行内公式，还是 $$ ... $$ 这样的块级公式，都会通过 KaTeX 渲染。公式、矩阵、求和、希腊字母都能在 Markdown 预览中正确呈现，不必再借助额外的公式查看器，也不用提前截图：

\int_{0}^{\infty} e^{-x^2}\,dx = \frac{\sqrt{\pi}}{2}

这一点很适合预览学术论文、机器学习 README、技术笔记，或者任何需要真实数学公式的 markdown to HTML 流程。

Mermaid 图表

流程图、时序图、类图、甘特图和状态图都可以直接内联渲染为 SVG。把别人文档里的 Mermaid 代码块粘过来，图就会立刻呈现，不必再在 diagrams.net 和导出 PNG 之间来回折腾：

flowchart LR
  Paste[粘贴 Markdown] --> Render[实时预览]
  Render --> Copy[复制干净 HTML]
  Render --> Share[公开分享链接]

图表会跟随分享链接一同保留，在任意尺寸下都保持清晰。

图片与富媒体内容

Markdown 图片会以内联方式按原始分辨率渲染：

Alt text describing the image

复制出来的 HTML 会保留图片 URL，分享页也会以响应式方式展示这些图片，方便在手机上阅读。再加上代码、表格、公式和图表，你就可以在这个在线 Markdown 查看器里完整渲染并分享一篇技术内容。

键盘快捷键

如果确实需要动手编辑，编辑区也会尽量让你的双手停留在键盘上：

Shortcut	Action
Cmd / Ctrl + B	Bold selection
Cmd / Ctrl + I	Italic selection
Cmd / Ctrl + K	Insert link
Cmd / Ctrl + E	Inline code
Cmd / Ctrl + S	Commit draft / save snapshot
Cmd / Ctrl + /	Toggle preview pane
Tab / Shift+Tab	Indent / outdent list items

多种渲染主题

你可以在几套精心设计的主题之间切换，每一套都会同时调整配色、排版和间距，让同一份 Markdown 在不改一行 CSS 的前提下，呈现出技术文档、文学长文、学术笔记或现代落地页等截然不同的气质。每个主题会同时调节：

配色方案：背景、正文、标题、链接、代码块和引用块的高亮
字体家族：长文阅读用衬线体，产品文案用无衬线体，技术内容偏向等宽字体，同时兼顾 CJK 字体栈
字号和行高：紧凑、舒适或更宽松的阅读节奏
标题比例和字重：从克制的编辑风，到更有冲击力的营销层级

主题选择会跨会话保留，也会写入公开分享页，这样读者看到的就是你选定的最终风格。挑好之后，Markdown 立刻就有了可发布成品的样子，不必再单独做一轮视觉整理。

你可以用这个在线 Markdown 查看器做什么

粘贴任意 Markdown，立刻看到渲染效果：README、RFC、更新日志、会议纪要、设计文档都行
在推送前预览 GitHub README：提前发现表格、链接和排版问题
查看别人发来的 Markdown 文件：把他们的 .md 丢进来，几秒后就能得到一份可读页面
看到问题随手就改：不必离开当前界面，从查看模式直接切到编辑模式
把干净的 HTML 复制到剪贴板：语义化、已净化，可直接粘贴到 CMS、Newsletter 或静态站点
生成公开分享链接：每个快照都有稳定 URL，服务端会基于 Markdown 重新渲染，阅读体验快、对手机也友好
全程留在浏览器里：一切都在客户端完成，只有你主动分享时，内容才会离开本地设备

实时预览是怎么工作的

把 Markdown 粘贴到查看器面板，或者直接在里面输入。
预览面板会立刻通过同一个渲染函数输出结果，涵盖 GFM、LaTeX、Mermaid、图片和代码高亮。
点击 Copy HTML，拿到的就是页面上看到的那份 HTML，完全一致。
点击 Share，把快照发布到由 Cloudflare D1 托管的稳定 URL。

一条渲染链路，一份输出，不会出现意外。

示例：从 Markdown 到干净 HTML

import { renderResult } from "@/lib/render";

const { html } = renderResult("# Hello\n\nShip clean **HTML** in one click.");
// html is sanitized, semantic, and identical to the preview pane

同一个 renderResult 函数，同时驱动查看器预览、复制到剪贴板的 HTML，以及服务端渲染的分享页。客户端传来的 HTML 从不会被当成可信的最终产物，分享记录始终会在服务端基于 Markdown 重新渲染一遍。

这个产品的目标，不是再造一个 Markdown formatter，而是做一个值得收藏的 Markdown 查看器：打开够快、渲染够诚实、分享时也足够可靠。

使用场景

查看别人发来的 .md 文件，不用再单独打开桌面 Markdown 应用
在推送 commit 之前，预览 README 在 GitHub 上的实际呈现效果
阅读以原始 Markdown 形式发来的 RFC、设计文档或会议议程
在发布前检查长篇技术内容的排版是否到位
预览包含真实 LaTeX 的学术笔记或机器学习文档
不装 CLI 也能直接查看 Mermaid 图表
把 Markdown 转成干净 HTML，用于 Newsletter、邮件或 CMS
把渲染后的 Markdown 页面作为一条公开、对手机友好的链接分享出去

为什么选这个在线 Markdown 查看器

免费、无需注册：打开页面就能粘贴使用
完整支持 GFM + LaTeX + Mermaid + 图片：不跳过、不打折
实时预览与最终输出始终一致：查看、复制和分享之间不会出现偏差
复制得到的是干净、已净化的 HTML：随时可粘贴到别处
支持公开分享链接：并由服务端保证渲染一致性
提供多种渲染主题：配色、字体和尺寸组合都已内建
需要时可以直接编辑：这个查看器本身也能充当轻量 Markdown 编辑器
分享页对移动端友好：读者不需要重新打开编辑界面
刻意保持轻量：没有臃肿工具栏，也不过度追踪

开始查看

把上面的示例替换成你自己的 Markdown。预览会随着输入实时更新，文字、表格、公式、图表和图片都会即时渲染。页面效果确认之后，复制 HTML 或生成分享链接即可。整个循环就是这样简单：一个带实时预览的在线 Markdown 查看器，尽量不打扰你的工作流。

在 mdviewer.net 了解更多

在线 Markdown 预览器