微信公众号不支持直接上传 HTML 文件，需手动提取兼容标签并适配：仅保留等基础标签，必须用微信图床地址，删除所有 style、class、script 及非内容标签，标题改用，图片须重新上传，字号仅支持编辑器三档。

微信 公众号后台不支持直接上传 HTML 文件

微信公众平台编辑器不是富文本“导入”工具，它没有「上传 HTML」按钮。你写的 index.html 或本地预览正常的页面，复制粘贴进公众号编辑器后，大概率会丢失样式、错乱排版、图片失效——因为微信会过滤几乎所有

、 和内联 CSS，还强制重写 的 src 地址。

只能手动把 HTML 转成微信兼容的纯标签片段

核心动作不是“上传”，而是“提取 + 适配”：从你的 HTML 中剥离出微信允许保留的标签，再逐个替换为它认的写法。

• 只保留基础语义标签：

  、、、、

  、

  、

• （注意：
  会被自动删掉或转成

  ）

• 必须用微信图床地址：先在公众号后台「素材管理」里上传图片，拿到它的 https://mmbiz.qpic.cn/……/0?wx_fmt=jpeg 链接，再填进 src
• 所有行内样式（如 style="color:red;font-size:14px;"）必须删掉；字号、颜色等需靠微信编辑器后期点选，不能靠代码控制
• 表格？微信会吃掉
  标签，建议改用多列 + 空格模拟，或直接截图

  用浏览器开发者工具快速提取干净内容

  别手敲，也别用第三方“HTML 转公众号”工具（大多已失效或加水印）。最稳的方式是：在 Chrome 里打开你编好的 HTML 页面 → 右键「检查」→ 在 Elements 面板里找到正文容器（比如

  或

  ）→ 右键该节点 →「Copy」→「Copy outerHTML」→ 粘贴到纯文本编辑器里删掉不需要的标签和属性。
  • 删掉所有 class、id、style 属性
  • 删掉 、、 等非内容标签
  • 把
    

    ~

    全部换成

    xxx

    

    MediSearch

    Medisearch 是一个 AI 驱动的医疗健康搜索引擎，旨在根据可信来源提供医学问题的直接答案

    下载

    立即学习 “ 前端免费学习笔记（深入）”；

    （微信不识别标题标签语义）

  • 换行用

    包裹，别依赖
（它可能被忽略）

  图片路径和字体大小是最大翻车点

  哪怕你 HTML 里图片路径写对了，只要没走微信自己的图床，发布时就会变成裂图；而字号看似写了 font-size:18px，粘贴进去后微信会无视——它只认编辑器顶部工具栏点出来的“小号 / 标准 / 大号”三档。

  • 所有图片必须重新上传到公众号后台，不能引用本地路径、CDN 或自己服务器地址
  • 微信默认字号是 15px，“大号”实际渲染约 17px，“小号”约 13px，没有中间值，别试图用 CSS 模拟
  • 行高、字间距、背景色、圆角、阴影……全都不支持，写了也白写
  • 如果用了 iconfont 或 SVG 图标，一律替换成 PNG / JPG 格式图片并上传

  微信公众号的“HTML”只是个幻觉，它真正接受的是一套极简、封闭、带强审查的标签子集。你花三小时写的响应式页面，在这里只剩下一堆被剥皮拆骨的

  和 。最省事的做法，是写 HTML 时就按微信规则来——不用框架、不写样式、图片提前上传、内容结构扁平化。