Markdown预览

在线Markdown编辑器,实时预览渲染效果

关于Markdown预览

Markdown预览工具给你一块左右分栏的写作区,左边敲 Markdown 源码,右边实时渲染出最终效果,所见即所得。写技术文档、README、博客草稿或者给同事发说明时,先用它把格式调顺,比写完再传到平台上看省事得多。它覆盖常用的标题、有序与无序列表、代码块与行内代码、表格、引用、链接和图片语法,标题层级与列表缩进都能正确呈现。内容全程在浏览器本地渲染,不上传服务器,断网也能用。

Markdown预览怎么用

  1. 在左侧编辑区输入或粘贴 Markdown 源码,支持多行长文本。
  2. 用 # 写标题、- 或 1. 写列表,反引号包裹代码,右侧随输入实时更新。
  3. 表格用竖线分隔单元格,第二行写 --- 对齐行,边框与列宽会渲染出来。
  4. 引用以 > 开头,链接写 [文字](地址),图片写 ![说明](图片地址),预览可点击。
  5. 版式调好后全选左侧源码复制,贴进平台的 Markdown 编辑器即可发布。

使用提示

  • 代码块用三个反引号起止,不想被解析的符号放进去最稳妥,也能标语言着色。
  • 表格前后各留一个空行,否则部分渲染规则会把它当成普通段落显示。
  • 预览效果和最终平台可能略有差异,发布前在目标编辑器里再确认一次样式。

Markdown预览常见问题

预览效果好就能直接发布了吗?
大方向一致,细节可能有差别。不同平台用的渲染器对表格、脚注、任务列表的支持程度不一样,有的还会过滤图片域名或限制 HTML 标签。发布前把同一段内容放进目标平台的编辑器再扫一眼,特别是表格宽度、代码块着色和图片能否正常加载。
内容会上传到服务器吗?
不会。渲染完全在浏览器本地用 JavaScript 完成,没有后端保存或上传动作,输入的内容不离开本机,断网也能继续写和预览。写内部文档草稿或者带敏感信息的说明时,不必担心内容被记录到别的地方。
支持表格和代码高亮吗?
常用语法都覆盖,包括标题、有序与无序列表、任务列表、引用、行内代码、围栏代码块、表格、链接和图片。代码块写上语言名时会按对应语法着色,方便检查结构。少见的扩展语法比如脚注、数学公式,以浏览器里渲染库的支持情况为准。
为什么我的表格显示成一堆竖线?
多数是格式问题。表格第二行必须是分隔行,像 | --- | --- | 这样写,前后还要各留一个空行,否则解析器会把它当成普通段落。另外每行的竖线数量要对齐,单元格内部想写竖线时用反斜杠转义,避免被当作列分隔符。