AI 生成的 HTML 文件,怎么发给别人在微信里直接打开

结论:别发 .html 文件,发一个链接。最省事的做法是让你的 AI 助手接上「活页 LivePage」,说一句「用活页发布这个网页」:拿到的链接在微信里点开就是排好版的页面,转发是带标题、摘要、封面的卡片,之后改内容链接不变,还能看到有没有人打开。

真机实测:安卓 16 · 微信 8.0.79第一次接入约 3 分钟发布不收费

先看实测:同样发到微信,卡片差在哪

2026 年 11 月 11 日,我们在一台安卓 16 手机、微信 8.0.79 上,把两个链接发到「文件传输助手」:一个是 GitHub Pages 上的公开示例页,一个是用活页发布的页面。

微信里 GitHub Pages 链接的卡片:只有域名标题,没有摘要,封面是灰色占位图
GitHub Pages 页面:标题只有域名,没有摘要,封面是灰色占位图
微信里活页链接的卡片:有标题、摘要和封面
活页页面:标题、两行摘要、封面都在

原因不在托管商,而在页面本身:微信生成卡片时读的是页面里的分享信息(标题、描述、封面图)。AI 生成的 HTML 一般不写这些,海外托管也不会替你补。卡片没内容,群里的人就不会点。活页发布时会按页面内容自动生成分享卡片,也可以自己改标题、摘要和封面。

为什么直接发 .html 文件不行

  • 对方收到的是一个文件,不是一个页面。手机微信不能直接渲染 .html,要下载后用「其他应用打开」,再选浏览器,很多人到这一步就放弃了。
  • 图片、样式会丢。AI 做的网页经常引用同目录的图片(img/logo.png)或另一个 CSS 文件,单发一个 .html 时这些都不在对方手机上。
  • 改一次就要重发一次。对方手里永远是你发出那一刻的版本,群里会同时躺着好几版。

AI 生成的网页在微信里最常见的 6 个坑

现象常见原因怎么修
字体、图标显示成方块或很慢引用了 Google Fonts、海外图标库,国内加载慢或加载不到换系统字体(-apple-system, "PingFang SC", "Microsoft YaHei"),图标用内嵌 SVG
样式全乱,像没排版用了 cdn.tailwindcss.com 这类运行时 CDN,国内网络下可能加载失败让 AI「把用到的样式写进页面里,不要引用外部 CSS / JS」
图表空白图表库从 jsdelivr、unpkg 等海外 CDN 加载让 AI 改用国内可访问的地址,或把数据画成内嵌 SVG
图片不显示写的是本机路径(C:\Users\…、file://)或同目录图片没一起上传一起上传整个文件夹,图片用相对路径
手机上字很小、要横着拖缺少移动端适配(viewport),表格写死宽度让 AI「按手机竖屏宽度排版,表格可以横向滑动」
「下载」按钮在微信里点了没反应微信内置浏览器常常拦截文件下载把文件也发布成页面,或提示「右上角用浏览器打开」

用活页发布时,平台会提示这个页面还在连哪些站外地址、哪些路径写成了以 / 开头的绝对路径,方便你回头让 AI 改。

四种分享办法对比

办法要不要会部署微信里的卡片改了要不要重发能不能知道有人看能不能只给特定的人看
直接发 .html 文件不用只是一个文件要不能发给谁就是谁
部署到 GitHub Pages、Vercel、Netlify要(账号、仓库或命令行)取决于页面有没有写分享信息,实测示例页没有重新部署,链接不变要自己接统计一般是公开的
AI 助手自带的发布 / 分享不用因产品而异,先在自己微信里点开试一次看产品多数看不到看产品
活页 LivePage不用,对 AI 说一句自动生成标题、摘要、封面,可改不用,链接不变能:打开次数、看到哪里能:私密、口令、公开三档

用活页发布:三步

1

在你的 AI 助手里接上活页(只做一次)

选你用的助手看图文手册,或者直接把下面这句话发给它:

帮我接入活页:先读 https://getlivepage.com/for-agents.md ,一步步带我完成。
2

让它发布,并顺手修掉微信里的坑

用活页发布这个网页,先给我看预览。发布前检查:不要引用海外字体和 CDN,图片用相对路径,按手机竖屏排版。

预览只有你自己看得到,满意了再让它正式发布。

3

设好谁能看,把链接发到微信

设成口令可看,把链接和口令给我;分享卡片的标题写成「××方案(11 月版)」。

只给同事、客户看用口令;发到群里或公众号用「公开」。电脑上扫码可以让服务号把这一页直接发进你的微信,再转发。

发出去之后能做的事

  • 改内容不换链接:跟 AI 说「把第二段改成……」,活页出新版本,已经发出去的链接打开就是新版。
  • 看有没有人看:问它「这一页最近谁打开了、看到哪里」,能看到打开时间、设备和阅读进度。免费版看得到设备数;专业版里,读者愿意用微信授权时能看到昵称和头像。
  • 收反馈:让 AI 在页面底部加一个表单或留言,读者填的内容回到你这里,不用再一条条翻聊天记录。

常见问题

要钱吗?

注册和发布页面不收费;看到具体是谁读了、每周读者洞察等在专业版里。

别人能随便看到吗?

默认只有你自己能看;说「设成口令可看」才会生成口令,明确说「公开」任何人才能打开。随时可以重置链接,旧链接立刻失效。

我的 AI 助手没有活页怎么办?

支持 MCP 的助手都能接,见 全部手册;不支持的,可以把网页文件交给支持的助手来发布。

页面里的按钮、交互还能用吗?

普通发布按原样显示,页面里的脚本照常运行;只有官方手册这类需要被搜索引擎收录的页面才会去掉脚本。

能发 PPT、PDF、Markdown 吗?

能,见 PDF 发到微信、Markdown 发到微信。

为什么不直接用海外托管?

能用,但要会部署,页面里的分享信息和统计都得自己写;海外字体、CDN 在国内网络下也可能加载不出来。

更新于 2026-11-12。卡片对比为 2026-11-11 在安卓 16、微信 8.0.79 真机上实测,GitHub Pages 用的是其公开示例页 octocat.github.io;各平台功能以其最新版本为准。有问题到 活页路线图 的反馈框告诉我们。