哪些 HTML 能直接变成 Markdown
语义清楚的 HTML 最容易转换。h1–h6 对应标题,p 对应段落,strong 与 em 对应强调,a 对应链接,ul/ol/li 对应列表。div 和 span 通常只负责布局或样式,标签本身可以删除,但其中的文字要保留。
转换前尽量取得源码或 CMS 的正文 HTML。只复制浏览器中看见的文字,链接地址和结构可能已经丢失;直接转换整页源码,又会把导航、页脚、推荐位和追踪代码带进来。
- h1–h6 → Markdown 标题
- strong、em → 粗体与斜体
- a href → Markdown 链接
- ul、ol、li → 无序和有序列表
- blockquote → 引用
- pre、code → 代码块或行内代码
- 简单 table → Markdown 表格
<h2>发布记录</h2>
<p>阅读<a href="/guide">指南</a>。</p>
<ul><li>导出更快</li><li>表格更清楚</li></ul>## 发布记录
阅读[指南](/guide)。
- 导出更快
- 表格更清楚在线转换 HTML 为 Markdown 的步骤
保留源 HTML 和转换结果的可编辑能力很重要。转换器可能无法替你判断某个容器是正文还是广告,但你可以在结果中删除。
- 加入 HTML粘贴正文源码、打开 .html 文件,或从 CMS 源码视图复制相关片段。
- 检查 Markdown 结构查看标题、链接、嵌套列表、图片、表格和代码块。
- 删除页面杂项清理菜单、面包屑、分享按钮文字、推荐文章和重复页脚。
- 复制或下载在渲染预览中通读后,复制到仓库、文档站或笔记应用。
CMS 迁移前先把正文与旧主题分开
旧站 HTML 可能混有大量主题类名和内联样式。新系统通常不需要这些展示细节。先转换文章正文,再统一标题层级、链接和图片地址,迁移会更稳。
不要把菜单中的“首页、产品、关于我们”误当成文章列表。转换后从读者角度通读,凡是离开原页面就失去意义的导航文字、弹窗提示和推广模块,都应删除或改写。
- 只选择 article/main 区域或 CMS 正文
- 去掉重复站点导航和页脚
- 统一一篇文章内的 H1/H2/H3
- 检查外链与站内相对链接
- 在关闭旧站前保存原图片或明确新地址
相对链接和图片路径为什么会失效
`/guide` 在旧站表示“旧域名下的 guide 页面”。Markdown 搬到另一个域名、GitHub 仓库或本地笔记后,这个地址可能指向完全不同的位置。相对图片路径同样依赖原页面目录。
迁移前列出站内链接和图片来源:需要继续指向旧站的改成完整 URL;迁移到新站的按新路由重写;本地图片与 Markdown 一起搬动并保持目录关系。
| 原地址 | 潜在问题 | 处理方式 |
|---|---|---|
| /about | 依赖原域名 | 确认是保留旧站还是改成新站完整地址 |
| ../images/a.png | 依赖原文件目录 | 移动图片并更新相对路径 |
| https://cdn.example.com/a.png | 资源可能过期或限制访问 | 确认长期可用性和使用权限 |
| #section | 依赖标题生成的锚点 | 检查新渲染器生成的 ID |
复杂表格为什么不能无损变成 Markdown
Markdown 表格只有规则的行和列,不支持 HTML 的 rowspan、colspan、单元格内复杂块、表头分组等能力。强行转换会让数据错位,比保留 HTML 更危险。
对于简单表格,可以生成 Markdown 竖线语法。遇到合并单元格时,更诚实的做法是保留经过安全处理的 HTML 表格,或者人工重构为几张简单表、标题与列表。
- 规则行列表格 → Markdown 表格
- 合并单元格 → 保留安全 HTML 或人工拆分
- 用于计算的大表 → 另提供 CSV/XLSX
- 移动端阅读 → 减少列数,避免横向溢出
多列、标签页、表单和嵌入组件如何处理
Markdown 故意没有完整网页布局能力。多列布局通常应按阅读顺序变成几个章节;标签页和折叠面板要展开成清楚的小标题;表单只保留说明文字,不能假装仍可提交;视频和嵌入组件应改成链接或目标平台支持的语法。
转换器可以提取文字,却不知道交互背后的业务逻辑。迁移这类内容时,先记录原功能,再决定在新平台中重新实现、改成静态说明,还是删除。
把转换结果当成文章读一遍
语法有效不等于内容好用。转换结果可能仍含“点击右上角”“见下方模块”等依赖旧页面的文字,也可能有多个 H1、模糊链接和重复小标题。
用渲染预览从头读到尾:标题是否描述内容,列表是否保持层级,链接文字是否独立可理解,图片是否有替代文字,代码块是否闭合。这个编辑步骤才是把抓取的 HTML 变成可维护 Markdown 的关键。
HTML 转 Markdown 迁移检查清单
关闭旧页面前,至少确认以下事项。
- 文章标题和章节层级完整
- 站内外链接指向正确环境
- 图片已迁移并可访问
- 导航、页脚和推广杂项已删除
- 简单表格没有错列,复杂表格有明确处理
- 代码和引用没有被并入普通段落
- 新页面在桌面和手机上都能阅读
- 保留一份原 HTML 作为迁移记录
相关工具
常见问题
HTML 的 CSS 样式会转换成 Markdown 吗?
通常不会。Markdown 主要保留内容结构,颜色、间距、多列和装饰性容器会被删除。
HTML 表格能转成 Markdown 表格吗?
简单行列表格可以。带合并单元格、嵌套块或复杂表头的表格应人工简化或保留安全 HTML。
应该粘贴网页文字还是 HTML 源码?
使用相关正文的 HTML 源码。只粘贴可见文字会丢链接和结构,整页源码又可能带入菜单和页脚。
转换后能再变回完全相同的网页吗?
不能保证。Markdown 保留正文语义,不保存旧主题的 CSS、布局、脚本和交互组件。
