保存 Gemini Canvas 生成的作品，讓使用、分享更方便

上一篇用 Gemini Canvas 做出了第一個小工具。現在告訴你如何把它帶走，存在電腦、分享給好友，隨時打開隨地用。

這篇只要記住一件事

下載後看副檔名：.html 直接用，.tsx 回 Gemini 說「改成單一 HTML 檔案」。

先下載看看

Gemini Canvas 右上角有下載或匯出的功能，點下去，看一下下載的檔案副檔名：

• 副檔名是 .html → 恭喜你！這種檔案可以在電腦直接打開，不需要做任何事。
• 副檔名是 .tsx → 這是 React 格式，沒辦法直接打開，需要多一個步驟，請繼續參照以下說明。

拿到 .tsx 的話

.tsx 是 React 的程式格式，需要開發環境才能執行，不是一般人能直接用的格式。我們改天再聊這種檔案要怎麼測試，怎麼在比較正式的開發環境使用。

回到 Gemini 繼續說：

請幫我改成可以在本機直接打開的版本，不需要任何安裝，存成單一 HTML 檔案就能用。

Gemini 會重新生成一版，這次是純 HTML + JavaScript + CSS，存下來，直接打開就能用。

現在你知道了，如果之後要存成本機檔案，一開始就可以加這句：

幫我做 ＸＸＸ，需要能存成單一 HTML 檔案、在本機直接打開使用的版本。

這樣省掉來回的步驟。

存好的 HTML 可以怎麼用

• 自己用：存在電腦裡，需要時打開，完全不需要網路
• 傳給別人：用 LINE、Email 把檔案傳過去，對方收到就能打開，不需要安裝任何東西

還可以怎麼用

如果你覺得這個工具真的不錯，想讓所有人都能用到呢？

一個 HTML 檔案就是一個獨立的小工具，到哪都能用，不依賴任何平台。下一篇說怎麼把它放到 Google Sites 或 Blogger，讓你有一個可以公開分享的連結，不需要傳檔案。