如何將 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 檢視。

相關指南