预览 Markdown 不必安装任何编辑器:源文粘贴进左栏,右栏立刻渲染出标题、表格与代码块,点「复制 HTML」即得可贴进网页或后台的成品代码。
什么样的写作值得用 Markdown
Markdown 用纯文本符号承载排版意图——# 表示标题、两对星号包住粗体、三撇围栏圈住代码——源文件本身可读,因此成为 README 与技术文档的默认格式。也因源码给人读、渲染交给工具,写完必看一次渲染效果:星号少打一个、表格少根竖线,源文里难察觉,预览里一眼看穿。
这份预览支持到哪一层
标题支持到四级;粗体、斜体、删除线、行内代码、围栏代码块、引用块、有序与无序列表(可再嵌一层子项)、表格、图片、链接、分割线均已覆盖,日常写作和多数 GitHub README 够用;脚注、任务列表、公式等扩展语法不在其中。把内容贴进 Markdown 预览工具,缺了哪个符号,渲染结果会立刻告诉你。
复制 HTML 之后还要注意什么
「复制 HTML」得到渲染后的正文片段,不含 html、head 等骨架,嵌入 CMS 或邮件模板刚好,整页发布需自补外壳。不少公众号编辑器会过滤样式属性,贴过去版式可能塌掉,重要图文贴完再检查一遍。「复制 Markdown」把源文送进剪贴板,适合跨平台搬运。
没有自动保存,动笔前先想好退路
页面不上传内容,也不自动保存:敏感文稿可以放心贴,代价是关页后未复制的源文就没了,长文请先用「复制 Markdown」存到本地。
使用技巧
- 不确定某种写法是否支持时点「载入示例」,一份覆盖全部已支持语法的样例随即铺开,照着改最快。
- 表格每行竖线数必须与表头一致,少一根整张表会退化成段落,预览里立刻能发现。
- 代码块围栏后写的语言名只起说明作用、不做高亮着色,需要配色就交给渲染它的目标平台。
- 底部统计显示源文字符数与行数,平台有篇幅上限时先在源文这一侧过一遍。
常见问题
Markdown 转 HTML 后图片显示不出来?
多半是地址问题:相对路径找不到原图,请换成完整 https 地址;未上传公网的图片任何在线工具都显示不出来。
分隔行里的冒号能控制表格对齐吗?
不会导致渲染失败,但本工具不据此对齐,表格一律左对齐显示;需精确对齐请复制 HTML 后自行补样式。
写的文档会被保存或收集吗?
不会。渲染只在浏览器内进行,不发请求也不留草稿;反过来说它也不替你兜底,写完记得复制走。
小结
Markdown 的价值在写得快,预览补上看得准:左边源文右边成稿,确认后复制 HTML 就能走。