如何将 Poe Canvas 应用导出为 HTML

复制 Canvas 应用源码以供转换。

复制 Poe Canvas 应用完整的 HTML 源码,以便将它转成公开网页应用。

概览

Poe Canvas 让你直接在 Poe 内建立互动式 AI 应用 — 聊天界面、数据可视化、游戏与工具 — 并使用 GPT-4、Claude、Gemini 等模型运行。问题在于 Canvas 应用绑定 Poe 平台:任何想使用的人都需要 Poe 账号。

导出 HTML 是摆脱这项限制的第一步。获得源码后,你可以用 AppToPub 转换,以公开分享、嵌入自己的网站、放入作品集,或把独立版本交付给客户 — 你的访客完全不需要 Poe 登录。

逐步操作说明

  1. 打开你的 Canvas 应用 — 在 poe.com 上打开你想导出的 Canvas 应用。
  2. 进入编辑模式 — 点击「Edit」按钮以显示底层的 HTML 源码。
  3. 选取完整源码 — 在源码面板中使用 Ctrl/Cmd+A 选取每一行 HTML、CSS 与 JavaScript。
  4. 复制源码 — 用 Ctrl/Cmd+C 将选取的源码复制到剪贴板。
  5. 存档或粘贴入 AppToPub — 将复制的源码直接粘贴入 AppToPub 的转换器,或先存成 .html 文件。

疑难排解

我找不到 Edit 按钮

请确认你正在查看的是 Canvas 应用,而非一般的 Poe 机器人。Canvas 应用会有打开源码编辑器的 Edit 选项。

复制的代码看起来不完整

在复制前,请以 Ctrl+A／Cmd+A 选取编辑器中的所有内容 — 而非仅屏幕上可见的部分。

我的应用使用了外部资源

若你的 Canvas 应用加载外部 CDN 脚本或样式表,AppToPub 会自动代理这些资源,无需手动修改。

常见问题

导出需要 Poe 订阅吗?

不需要。任何 Poe 用户都能打开 Canvas 编辑器并复制源码。但使用 AppToPub 需要一把 Poe API 密钥,可在 Poe 的开发者设置获取。

导出的 HTML 和「查看源代码」一样吗?

不一样。Canvas 编辑器显示的是应用的源码,与浏览器的「查看源代码」输出不同。请务必使用 Canvas 编辑器的 Edit 视图。

相关指南