Markdown 编辑器 - 实时预览、导出 HTML 和 Markdown

将Markdown与实时HTML预览并排进行。支持标题、列表、表格、代码围栏、引用块、链接和图片。复制HTML或下载任一格式。

折扣

预览

Hello, Pixoate

A markdown editor — type to see live HTML on the right.

  • Headings, bold, _italic_, inline code
  • Links, lists, blockquotes, code fences
Quoted text looks like this.
function greet(name) { return `Hello, ${name}!` }

关于Markdown

Markdown 是一种轻量级标记语言,设计目的是可作为纯文本阅读并可转换为 HTML。该编辑器支持CommonMark风格的标题、强调、列表、链接、图片、引号块、围栏代码块以及GitHub风格的管道表。渲染是在本地进行的——你的文档永远不会离开浏览器。

Frequently Asked Questions

该编辑器支持CommonMark标题、强调、列表、链接、图片、引用、围栏代码块以及GitHub风格的管道表。这涵盖了你所需的所有内容,比如README、博客文章、问题、拉取请求描述和技术文档。

features

是的。直接将渲染后的HTML复制到剪贴板,下载.html文件以支持任何浏览器,或保存原始.md文件以供版本控制。每次渲染时,两种格式都能看到相同的内容。

features

是的。实时预览会渲染带有正确对齐的GitHub风格表格,带有单宽排版的围栏代码块,并通过URL或相对路径呈现图片——这正是你在Markdown发布时看到的。

features

不。解析和渲染在你的机器上本地完成,因此内部文档、草稿博客文章和私人笔记永远不会离开标签页。关闭页面后,什么都不会被保留。

privacy

GitHub 在 CommonMark 之上增加了扩展功能,如任务列表、脚注和期号自动链接。编辑器专注于广泛支持的子集,所以这里渲染的内容也能在GitHub、GitLab、Reddit和大多数静态站点生成器上渲染。

compatibility

是的。在输入区域放置一个.md或.markdown文件,内容加载到编辑器中进行进一步编辑,完成后可以重新导出为HTML或Markdown。

usage

Use Cases

为GitHub项目编写README文件

用实时预览来生成草稿 README.md、CONTRIBUTING.md 和 CHANGELOG.md 文件,这样它们在提交前会显示的完全相同 GitHub、GitLab 和 npm 显示

technical

为杰基尔、雨果和幽灵草拟博客文章

用Markdown写博客文章,随时可以直接插入Jekyll、Hugo、Eleveny和Ghost,无需离开浏览器或安装桌面编辑器

creative

会议记录与内部文档

将带有标题、项目符号列表和代码块的结构化会议笔记,然后直接将渲染后的HTML粘贴到Confluence、Notion或Coda中

business

Compose Issue 和 Pull Request 描述

作者们在真实的预览窗格中写长篇的GitHub问题描述、拉取请求模板和Jira工单,而不是猜测标记会如何呈现

technical

作者技术文档

编写内部运行手册、API 参考和 SDK 指南,包含代码界限、表格和链接,然后导出成 HTML 用于静态网站生成器或知识库

technical

将笔记转换为干净的HTML以便发布

粘贴粗略笔记,格式化为Markdown,然后直接将渲染后的HTML复制到CMS、邮件客户端或LinkedIn文章中,无需手动样式

web