閱讀紀錄

隱藏 →
此記錄會在頁面關閉後消失

Gemini Canvas生成的網頁如何下載成獨立網址,並在瀏覽器中開啟?

Answer

Gemini Canvas 網頁生成與下載流程

Gemini Canvas 是 Google 推出的一項新功能,允許使用者透過簡單的 prompt 指令生成互動式網頁、圖表、測驗和語音概要,無需具備程式語言知識。這項功能特別適用於課程教材、作業練習或個人學習等。要將 Gemini Canvas 生成的網頁下載成獨立網址並在瀏覽器中開啟,可以依照以下步驟進行。

下載為 HTML 檔案

  1. 生成互動式網頁:在 Gemini 中選取 Canvas 功能,輸入指令生成文本內容,例如:「英文文法中的假設語氣」教學文件。點擊右上方的「Create」,然後選擇「Web Page」,Gemini Canvas 會根據文本內容自動生成單頁互動式網頁應用程式。
  2. 下載 HTML 程式碼:生成網頁後,找到下載選項(通常位於網頁的設定或分享功能中),將網頁的 HTML 程式碼複製下來。
  3. 儲存為 .html 檔案:開啟文字編輯器(如 Notepad、Sublime Text 等),將複製的 HTML 程式碼貼上,並將檔案儲存為 .html 格式,例如 example.html
  4. 在瀏覽器中開啟:找到儲存的 .html 檔案,直接雙擊開啟,或是在瀏覽器中選擇「開啟檔案」功能,選取該檔案,即可在瀏覽器中看到 Gemini Canvas 生成的互動式網頁。

使用分享功能獲取網頁網址

Gemini Canvas 也提供分享功能,讓使用者可以自動生成網頁網址,並分享至 LinkedIn、Facebook、X 和 Reddit 等社群平台。透過分享功能生成的網址,可以直接在瀏覽器中開啟,無需下載 HTML 檔案。

注意事項

  • 免費版限制:根據測試,台灣免費版 Gemini Canvas 目前僅能生成一次網頁功能,Pro 版本則無此限制。
  • 程式碼使用:Gemini Canvas 生成的網頁基於 Tailwind CSS 設計模式和 JavaScript 程式語言,自動設計標籤導覽、互動式範例、練習題等區塊。

你想知道哪些?AI來解答

Gemini Canvas是什麼?

more

如何透過Gemini Canvas生成網頁?

more

如何在瀏覽器中開啟Gemini Canvas生成的HTML檔案?

more

Gemini Canvas免費版有哪些限制?

more

Gemini Canvas生成的網頁使用了哪些技術?

more

你覺得這篇文章有幫助嗎?

likelike
有幫助
unlikeunlike
沒幫助
reportreport
回報問題
view
2
like
0
unlike
0
分享給好友
line facebook link