Markdown 怎么预览效果并转成 HTML?左写右看一次搞定

Markdown 怎么预览效果并转成 HTML?左写右看一次搞定
预览 Markdown 不必安装任何编辑器:源文粘贴进左栏,右栏立刻渲染出标题、表格与代码块,点「复制 HTML」即得可贴进网页或后台的成品代码。

预览 Markdown 不必安装任何编辑器:源文粘贴进左栏,右栏立刻渲染出标题、表格与代码块,点「复制 HTML」即得可贴进网页或后台的成品代码。

什么样的写作值得用 Markdown

Markdown 用纯文本符号承载排版意图——# 表示标题、两对星号包住粗体、三撇围栏圈住代码——源文件本身可读,因此成为 README 与技术文档的默认格式。也因源码给人读、渲染交给工具,写完必看一次渲染效果:星号少打一个、表格少根竖线,源文里难察觉,预览里一眼看穿。

这份预览支持到哪一层

标题支持到四级;粗体、斜体、删除线、行内代码、围栏代码块、引用块、有序与无序列表(可再嵌一层子项)、表格、图片、链接、分割线均已覆盖,日常写作和多数 GitHub README 够用;脚注、任务列表、公式等扩展语法不在其中。把内容贴进 Markdown 预览工具,缺了哪个符号,渲染结果会立刻告诉你。

复制 HTML 之后还要注意什么

「复制 HTML」得到渲染后的正文片段,不含 html、head 等骨架,嵌入 CMS 或邮件模板刚好,整页发布需自补外壳。不少公众号编辑器会过滤样式属性,贴过去版式可能塌掉,重要图文贴完再检查一遍。「复制 Markdown」把源文送进剪贴板,适合跨平台搬运。

没有自动保存,动笔前先想好退路

页面不上传内容,也不自动保存:敏感文稿可以放心贴,代价是关页后未复制的源文就没了,长文请先用「复制 Markdown」存到本地。

使用技巧

  • 不确定某种写法是否支持时点「载入示例」,一份覆盖全部已支持语法的样例随即铺开,照着改最快。
  • 表格每行竖线数必须与表头一致,少一根整张表会退化成段落,预览里立刻能发现。
  • 代码块围栏后写的语言名只起说明作用、不做高亮着色,需要配色就交给渲染它的目标平台。
  • 底部统计显示源文字符数与行数,平台有篇幅上限时先在源文这一侧过一遍。

常见问题

Markdown 转 HTML 后图片显示不出来?

多半是地址问题:相对路径找不到原图,请换成完整 https 地址;未上传公网的图片任何在线工具都显示不出来。

分隔行里的冒号能控制表格对齐吗?

不会导致渲染失败,但本工具不据此对齐,表格一律左对齐显示;需精确对齐请复制 HTML 后自行补样式。

写的文档会被保存或收集吗?

不会。渲染只在浏览器内进行,不发请求也不留草稿;反过来说它也不替你兜底,写完记得复制走。

小结

Markdown 的价值在写得快,预览补上看得准:左边源文右边成稿,确认后复制 HTML 就能走。

← 文本对比怎么用?两栏粘贴让改动自动显形 JSON 格式化怎么做才不出错?粘贴、美化、校验三步 →