Markdown Preview Live logo
Editor
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160

Markdown Syntax Guide

Headers

Heading 1

Heading 2

Heading 3

Heading 4

Heading 5
Heading 6

Emphasis

This text will be italic This will also be italic

This text will be bold This will also be bold

You can combine them

This text will be strikethrough

Lists

Unordered

  • Item 1
  • Item 2
    • Item 2a
    • Item 2b
      • Item 3a
      • Item 3b

Ordered

  1. Item 1
  2. Item 2
  3. Item 3
    1. Item 3a
    2. Item 3b

Task List

  • Task 1 (completed)
  • Task 2 (completed)
  • Task 3 (pending)
  • Task 4 (pending)

Links

GitHub

Google

Automatic link: https://example.com

Images

Alt text

Blockquotes

Markdown is a lightweight markup language.

It is widely used for documentation and README files.

Code

Inline Code

Use console.log('Hello World') to print to the console.

Code Block

javascript
function greet(name) {
  console.log(`Hello, ${name}!`);
  return `Welcome to Markdown Preview Live`;
}

greet('Developer');
python
def fibonacci(n):
    if n <= 1:
        return n
    return fibonacci(n - 1) + fibonacci(n - 2)

print(fibonacci(10))
html
<!DOCTYPE html>
<html>
  <head>
    <title>Hello</title>
  </head>
  <body>
    <h1>Markdown Preview Live</h1>
  </body>
</html>

Tables

FeatureStatus
Live Preview✅
Dark Mode✅
Sync Scroll✅
Export PDF✅
GFM Support✅

Horizontal Rule

Three or more dashes:

Three or more asterisks:

Three or more underscores:

HTML in Markdown

Click to expand

This content is hidden by default.

Happy writing! ✍️

Ln 1, Col 1160 lines300 words
~2 min readMarkdown

在线Markdown编辑器：编辑、预览与转换MD文件

其他语言:EnglishDeutschEspañol (España)Español (México)FrançaisItalianoPortuguês (Brasil)Português (Portugal)日本語한국어

在线markdown编辑器直接在浏览器中创建、编辑和预览markdown文件，无需安装任何软件。 编辑器在你输入时把markdown文本实时渲染成格式化的HTML，把已有的.md文件打开为可读文档，并将HTML、Word、PDF和纯文本转换为markdown格式。Markdown已经是GitHub、Notion、Obsidian、Reddit和Discord上的标准写作格式，一款浏览器端编辑器覆盖完整流程：写作、查看、格式化和转换。

什么是Markdown？

Markdown是一种轻量级标记语言，用简单符号为纯文本排版。 John Gruber和Aaron Swartz在2004年创造了它，核心语法22年来保持稳定。一个#生成标题，两个星号生成粗体，一个连字符开始列表。到2026年，markdown支撑着GitHub、GitLab、Stack Overflow、Notion和Obsidian上的文档、README文件、wiki和笔记。

Markdown语法覆盖9个核心元素：

元素Markdown Syntax渲染结果
标题# Heading 1H1标题
粗体**text**文本
斜体*text*文本
链接[title](url)可点击链接
图片![alt](url)嵌入图片
无序列表- item项目符号列表
有序列表1. item编号列表
代码`code`行内代码
表格| cell |格式化表格

原始markdown本身就保持可读，这是它与HTML的核心区别。2004年写下的markdown文档，今天渲染出的效果完全一致。

什么是MD文件？

MD文件是以.md或.markdown为扩展名保存的纯文本文档，存储markdown格式的文本。 大多数md文件在1 KB到100 KB之间，可以用任何文本编辑器打开，并在markdown查看器中渲染为格式化文档。软件仓库通常带有四个：README.md、CHANGELOG.md、CONTRIBUTING.md和LICENSE.md。

md格式让结构始终可见。Word文档把格式深埋在二进制XML里，而md文件把每条格式指令都显示为纯字符。这就是md文件在版本控制中表现出色的原因，也是它通常比同等.docx小约90%的原因。

要打开md文件，把它拖进编辑器，或上传到下方的md文件查看器。渲染后的文档在1秒内呈现。

支持实时预览的在线Markdown编辑器

在线markdown编辑器提供分屏工作区：左侧是原始markdown，右侧是实时渲染预览。 每次按键后预览在毫秒内刷新，写作时格式化结果始终在视野内。一切都在浏览器中运行，支持Chrome、Firefox、Safari和Edge，无需注册即可开始。

编辑器覆盖6项任务：

  1. 编写markdown，支持语法高亮，以及链接、列表和表格的自动补全。
  2. 通过markdown实时预览并排查看渲染结果。
  3. 拖放或上传打开已有md文件，进行markdown在线编辑。
  4. 用内置的markdown格式化工具整理文本。
  5. 将HTML、Word、PDF和文本文档转换为markdown。
  6. 将完成的文档导出为.md、.html或.pdf文件。

写作者用它起草博客文章和README，开发者用它维护文档。因为全部处理都在浏览器本地完成，内容始终留在你的设备上。

MD文件查看器：在线打开和阅读MD文件

Markdown查看器把原始md文件渲染为格式化、可读的浏览器文档。 上传.md文件或粘贴markdown文本，md文件查看器就会按GitHub上的样式显示标题、表格、链接、图片和代码块。10 MB以内的文件在1秒内完成渲染。

用户在几种场景下会用到md文件查看器：有人发来一份README.md，需要在发布前检查文档，或者想校对渲染结果而不是原始语法。

在线md查看器遵循GitHub Flavored Markdown（GFM），即GitHub在2017年发布的规范，因此表格、任务列表、删除线和围栏代码块都能完整呈现。查看器自适应屏幕，手机上的md阅读效果与桌面浏览器完全一致。

Markdown实时预览

Markdown实时预览在原始markdown源码旁边显示渲染后的HTML，每次按键都会刷新。 不再有写、存、查的循环。表格断裂、粗体未闭合、链接格式错误，都会在你输入的那一刻显现出来。

预览背后的markdown渲染器遵循2014年首次发布的CommonMark规范，并支持表格和任务列表的GFM扩展。GitHub使用同样的渲染方式，因此在预览中正确的文档，发布后同样正确。两个窗格的滚动位置保持同步，预览始终对齐你正在编辑的段落。

Markdown格式化

Markdown格式化工具一键统一间距、标题层级、列表缩进和表格对齐。 它执行5项修正：标题逐级递减、列表标记统一、表格列对齐、块之间保留单个空行、删除行尾空格。

格式化后的markdown渲染结果不变，但更易编辑和审阅。在Git中维护文档的团队会在提交前运行格式化，因为干净的markdown能产出可读的pull request差异。

文档转Markdown

转换器把4种输入格式变成干净的markdown：HTML、Word、PDF和纯文本。 每种转换都保留标题、列表、链接、表格和强调，同时剥离特定格式的样式。粘贴内容或上传文件，markdown结果直接出现在编辑器中，旁边就是实时预览。

HTML转Markdown

HTML转Markdown把HTML标签映射为markdown语法。 <h1>变成#，<strong>变成**，<a href>变成[title](url)，<table>变成竖线分隔的markdown表格。转换器能处理嵌套列表、代码块和图片，并剥离内联CSS、脚本和跟踪属性。网络写作者用它把博客文章从WordPress或Substack迁移到Ghost、Hugo或Astro等基于markdown的平台。

Word转Markdown

Word转Markdown从.docx文件中提取结构，把每个元素改写为markdown语法。 标题、粗体、斜体、两种列表、表格和超链接全部保留。20页的Word文档在5秒内完成转换，内嵌图片导出为独立文件，并生成正确的markdown图片引用。把文档从Microsoft Word迁移到GitHub wiki或Notion的团队，用这项转换省去手动重排。

PDF转Markdown

PDF转Markdown从PDF文档中提取文本、标题和表格，重建为可编辑的markdown。 转换器根据标题字号分配#、##和###层级，把多栏版式拉直为线性文本，并把检测到的表格转为markdown表格。适合报告、白皮书，以及任何只存在于固定版式中、需要重新变得可编辑的文档。

文本转Markdown

文本转Markdown为无格式的纯文本套上markdown结构。 转换器识别固定模式：以冒号结尾的行变成标题，以短横线开头的行变成列表，URL变成链接。它能把手机上的零散笔记或一份转录稿快速变成结构化文档。

常见问题

如何打开MD文件？

把文件拖进上方的markdown查看器，渲染后的文档立即在浏览器中呈现。 MD文件也能用任何纯文本编辑器打开，包括记事本、TextEdit和VS Code，但这些工具显示的是原始语法而不是格式化结果。

Markdown编辑器免费吗？

在线markdown编辑器、md文件查看器、格式化工具和全部4个转换器都免费，不限使用次数。工具在桌面和手机浏览器中运行，文档在你的设备本地处理。

Markdown和HTML有什么区别？

Markdown是简化的写作语法，HTML是markdown最终编译成的完整网页标记语言。 Markdown用9个核心符号，纯文本状态下依然可读；HTML用超过100个标签，每个元素都要用起止标记包裹。对日常文档来说，markdown用一小部分击键量就能覆盖约95%的排版需求。

能把markdown转回HTML、PDF或Word吗？

可以。编辑器直接把markdown导出为.html和.pdf，导出的HTML可以干净地粘贴进Word。用markdown格式写一次，再按目标平台需要的格式发布。

更多 Markdown 教程

Markdown基础语法指南

从2004年原始规范学习markdown语法：markdown标题、加粗、列表、链接、图片、代码、引用与转义，每个元素都配有示例。

Markdown速查表：全部21个语法元素一页看全

一页式Markdown速查表，收录全部21个语法元素。包含基础与扩展Markdown语法表、渲染示例，以及GitHub等应用的支持说明，可当作Markdown备忘单收藏。

Markdown扩展语法指南：表格、脚注、任务列表与删除线

学习markdown扩展语法：markdown表格、markdown脚注、markdown任务列表、markdown删除线等12种元素，附可直接复制的示例和各应用支持对照表。

Markdown入门教程：从零开始

Markdown是什么？本篇Markdown入门教程讲解 .md 转 HTML 的原理、Markdown相比 Word 的优势，以及如何在5分钟内写出你的第一个 Markdown 文件。

Markdown技巧：弥补缺失功能的12个实用方法

学会用Markdown实现下划线、居中、字体颜色和隐藏注释。12个基于HTML的markdown技巧，附代码示例，并说明哪些渲染器会将其过滤。