Markdown 在线预览指南
Markdown Preview Online — Marked Demo Guide

本站是 Marked(最常用的 JavaScript Markdown 解析器,GitHub 37,000+ star,MIT 协议)的演示镜像。核心工具是官方演示页:左边输入 Markdown,右边实时生成预览,还能一键切换看 HTML 源码和词法(Lexer)数据,写文档、写 README、调格式时不用装任何软件,打开网页就能验。

打开实时演示 → Open the live demo

三步上手

  1. 打开 演示页,左栏已经有一篇示例 Markdown。
  2. 直接改左栏文字,右栏预览即时跟着变;把右栏下拉切到 HTML Source 可以看到生成的 HTML 代码,方便复制到自己的项目里。
  3. 顶部可以切换解析口味:master(Marked 默认)、CommonMark、GFM(GitHub 风格)。写 GitHub README 时选 GFM,效果最接近 GitHub 上的渲染。

语法速查 / Syntax quick reference

元素写法说明
标题 Headings# 一级 / ## 二级井号数量决定层级,最多六级
表格 Tables| A | B | + |---|---|GFM 扩展语法,第二行决定对齐
代码块 Code blocks三个反引号 + 语言名标注语言后带语法高亮,如 ```js
任务列表 Task lists- [ ] 待办 / - [x] 已完成GFM 扩展语法
删除线 Strikethrough~~文字~~GFM 扩展语法
链接与图片 Links & images[文字](url) / ![说明](图片url)图片比链接多一个感叹号

更多进阶用法(自定义扩展、渲染器、选项参数)见站内文档:Using Pro 与 Using Advanced;首页文档含安装与命令行用法。

常见问题 / FAQ

预览和 GitHub 上不一样?
把演示页顶部的版本下拉切到 GFM 再看;另外 Marked 默认不做 HTML 消毒,处理不可信输入时请配合 DOMPurify 等库,文档首页有专门提醒。

能导出文件吗?
演示页右栏切到 HTML Source 后可全选复制;需要批量转换文件时,用命令行版 npm install -g marked,文档里有完整示例。

这个站是 Marked 官网吗?
不是。本站是基于 Marked 开源仓库(MIT)自建的演示镜像,与 Marked 官方无隶属关系;官方站点是 marked.js.org,上游代码在 GitHub 的 markedjs/marked 仓库。

English summary

Marked is a low-level Markdown compiler built for speed, with zero dependencies. This mirror hosts its official demo and documentation: paste Markdown on the left, get a live HTML preview on the right, switch between Marked, CommonMark and GFM flavors, and inspect the generated HTML or lexer output. Start with the live demo, then read Using Pro and Using Advanced for extensions and options.