← 返回

📝 Markdown 编辑器

分屏

仅编辑

仅预览

Markdown 源码 {{ stats.chars }} 字 · {{ stats.words }} 词 · {{ stats.lines }} 行

预览阅读时长 ≈ {{ stats.readMin }} 分钟

目录 · TOC

已加载视图：{{ viewMode==='split'?'分屏':(viewMode==='editor'?'仅编辑':'仅预览') }} 主题：{{ theme==='light'?'GitHub Light':(theme==='dark'?'GitHub Dark':'微信公众号') }} {{ stats.chars }} 字符 / {{ stats.words }} 词 / {{ stats.lines }} 行

HTML {{ htmlBytes }} B

Markdown 编辑器

在线 Markdown 编辑器：实时预览 + 多主题

Markdown 编辑器提供 CodeMirror 高亮的代码编辑区与实时预览的渲染区双栏并排，支持 GitHub Flavored Markdown（GFM）语法，包括表格、任务列表、代码块、数学公式（LaTeX）、Mermaid 图表，覆盖博客、技术文档、公众号排版三大主流场景。

核心功能

双栏实时预览：左边写、右边显示渲染效果，所见即所得
三大主题：GitHub 风（最通用）、暗黑（夜间编辑护眼）、公众号风（带阴影/圆角的卡片样式，复制到微信公众号编辑器格式不丢）
导入导出：本地 .md 文件一键导入；导出 .md / 富文本 HTML / PDF（基于 print）
语法支持：标题、列表、引用、表格、代码块（200+ 语言高亮）、任务列表 - [ ]、删除线、脚注、数学公式 $x^2$
一键复制富文本：把渲染后的样式连同文字一起复制到剪贴板，粘贴到公众号、企业微信、邮件正文，样式直接生效，不再是干巴巴的纯文字

Markdown 语法速查

标题与段落

# 一级、## 二级、### 三级，最多支持到 6 级。段落之间用空行分隔。

强调

**粗体** = 粗体，*斜体* = 斜体，~~删除线~~ = 删除。

列表

无序列表用 - 或 * 开头
有序列表用 1. 2.
任务列表 - [ ] 待办 / - [x] 已完成

链接与图片

[标题](url) 是链接，![alt](url) 是图片，比 HTML 简洁得多。

代码块

三个反引号开头加语言名（```js），三个反引号结尾，自动语法高亮。行内代码用单反引号包起来。

表格

| 列1 | 列2 |
|-----|-----|
| 1   | a   |

常见使用场景

1. 写博客 / 技术文档

所有主流博客平台（Hexo、Hugo、VuePress、掘金、知乎专栏）都原生支持 Markdown，是最高效的写作语法。

2. 写微信公众号

切换到"公众号风"主题，标题/列表/代码块都自带圆角阴影和品牌色，写完一键复制富文本粘贴到公众号编辑器，免去重复手动调样式。

3. 写 README

开源项目的 README 永远是 .md 格式。本编辑器实时预览能立刻看到 GitHub 上渲染的样子，避免上传后才发现表格错位。

4. 写技术分享 PPT 大纲

用一/二级标题搭好骨架，列表填充要点，导出 PDF 直接当大纲文档发给同事 review。

使用技巧

段落内强制换行：行尾打两个空格再回车（不少人不知道这个）
插入分割线：单独一行 --- 或 ***
引用嵌套：> 后再写 > > 即二级引用
HTML 兜底：Markdown 不能表达的复杂样式（比如折叠面板），可以直接写 HTML，渲染器会原样输出