Gemini Canvas生成的網頁如何下載成獨立網址,並在瀏覽器中開啟?
Answer
Gemini Canvas 網頁生成與下載流程
Gemini Canvas 是 Google 推出的一項新功能,允許使用者透過簡單的 prompt 指令生成互動式網頁、圖表、測驗和語音概要,無需具備程式語言知識。這項功能特別適用於課程教材、作業練習或個人學習等。要將 Gemini Canvas 生成的網頁下載成獨立網址並在瀏覽器中開啟,可以依照以下步驟進行。
下載為 HTML 檔案
- 生成互動式網頁:在 Gemini 中選取 Canvas 功能,輸入指令生成文本內容,例如:「英文文法中的假設語氣」教學文件。點擊右上方的「Create」,然後選擇「Web Page」,Gemini Canvas 會根據文本內容自動生成單頁互動式網頁應用程式。
- 下載 HTML 程式碼:生成網頁後,找到下載選項(通常位於網頁的設定或分享功能中),將網頁的 HTML 程式碼複製下來。
- 儲存為 .html 檔案:開啟文字編輯器(如 Notepad、Sublime Text 等),將複製的 HTML 程式碼貼上,並將檔案儲存為
.html格式,例如example.html。 - 在瀏覽器中開啟:找到儲存的
.html檔案,直接雙擊開啟,或是在瀏覽器中選擇「開啟檔案」功能,選取該檔案,即可在瀏覽器中看到 Gemini Canvas 生成的互動式網頁。
使用分享功能獲取網頁網址
Gemini Canvas 也提供分享功能,讓使用者可以自動生成網頁網址,並分享至 LinkedIn、Facebook、X 和 Reddit 等社群平台。透過分享功能生成的網址,可以直接在瀏覽器中開啟,無需下載 HTML 檔案。
注意事項
- 免費版限制:根據測試,台灣免費版 Gemini Canvas 目前僅能生成一次網頁功能,Pro 版本則無此限制。
- 程式碼使用:Gemini Canvas 生成的網頁基於 Tailwind CSS 設計模式和 JavaScript 程式語言,自動設計標籤導覽、互動式範例、練習題等區塊。