← 返回首页

Markdown 预览

功能亮点

实时预览

左边写 Markdown,右边立刻看到渲染效果,不需要点按钮。

语法高亮

代码块支持 JS/Python/Java/SQL/Bash 等多种语言的语法高亮。

导出 HTML

渲染结果一键导出为独立 HTML 文件,可以直接分享给非技术同事看。

复制 HTML

把渲染后的 HTML 源码复制到剪贴板,粘贴到 CMS 或邮件中使用。

使用步骤

  1. 在左侧编辑器输入 Markdown 文本;
  2. 右侧实时显示渲染效果;
  3. 如需导出,点「导出 HTML」保存为文件;或点「复制 HTML」粘贴到其他地方。

Markdown 为什么赢了?

2004 年,John Gruber 创造了 Markdown,设计目标很简单:「用纯文本实现易读易写」。核心哲学是——即使不渲染,纯文本的 Markdown 也应该读起来自然舒服。它不像 Word 那样「所见即所得」,但也不像 HTML 那样一堆标签。《# 这是标题》在纯文本中就是标题的样子。20 年后的今天,GitHub、Stack Overflow、Reddit、Notion 全部支持 Markdown——它已经从博客工具变成了数字世界的通用书写格式。

常见问题

Markdown 有哪些「方言」?该学哪个?
常见变体:① CommonMark——严格规范化的标准,被 GitHub 和 Stack Overflow 采用;② GitHub Flavored Markdown(GFM)——增加了任务列表、表格、删除线等,最实用的日常方言;③ MDX——在 Markdown 中嵌入 JSX 组件。日常写文档学 GFM 就够用了。
怎么把 Markdown 转成 PDF?
三条路:① Markdown → HTML → 浏览器「打印为 PDF」(本工具的导出功能即此路径第一步);② 用 Pandoc:pandoc input.md -o output.pdf;③ Typora、Obsidian、VS Code 等编辑器自带导出功能。
代码块后面跟的语言名有什么用?
```python——告诉渲染器这段代码用什么语言,从而启用语法高亮。不写语言名代码块也能显示,但没有颜色区分。常用标识:js、python、java、sql、bash、json、html、css。