自從黃金龍在便利商店用Nano Banana成功製作公仔廣告後，他的信心大增。老闆娘甚至讓他成為店裡的「數位行銷顧問」，雖然時薪還是一樣，但至少工作內容變有趣了。
這天，黃金龍看到一篇關於「Gemini Canvas」的文章，標題寫著「還以為 Gemini Canvas 只是協作工具？原來它一鍵就能生成互動式網頁和測驗題！」
「靠北！我正需要一個競選網站啊！」黃金龍激動地差點把手機摔到地上。
黃金龍趁著休息時間，偷偷在便利商店後面的員工休息區開始他的「網站製作大計」。
「好，先來試試看這個Canvas是什麼東西...」
他打開Gemini，輸入：「幫我製作一個議員候選人黃金龍的競選網站內容」
Gemini很快回應了詳細的內容大綱，包括個人簡介、政見、聯絡方式等。黃金龍看了看，點擊了「Canvas」按鈕。
螢幕右側出現了一個畫布區域，上面顯示著完整的競選網站文案。
「哇！這樣就有內容了？」黃金龍興奮地自言自語，「但是我需要改一改，要真實一點...」
他開始對AI說：「欸，可以把我的經歷改成『三次創業失敗但不放棄的中年男子』嗎？還有政見要簡單一點，就說『用AI讓大家生活更好』就好了。」
Canvas上的內容立刻更新，變得更符合黃金龍的「真實廢物」人設。
「好，內容有了，但是要怎麼變成真的網站？」黃金龍盯著畫布右上角，突然發現了一個「建立」按鈕。
「這個是什麼？」他好奇地點擊，發現裡面有好多選項：網頁、資訊圖表、測驗、應用程式...
「網頁！就是這個！」
黃金龍興奮地點擊「網頁」選項，然後...魔法發生了。
螢幕上開始出現HTML程式碼，右側還有即時預覽畫面。一個真正的網站就這樣誕生了！
「我的媽啊！我真的做出網站了！」黃金龍看著預覽畫面，簡直不敢相信自己的眼睛。
網站有完整的版面設計：
「現在要怎麼讓大家看到？」黃金龍研究了一下，發現有個「共用」按鈕。
點擊後，系統自動生成了一個網址！
「天啊！我有自己的網站了！」黃金龍立刻把網址分享到他的Facebook：
Facebook貼文：
「各位鄉親父老！我黃金龍的官方競選網站正式上線了！網址：[AI生成的網址]
這是我用最新的AI技術製作的，雖然我還是個廢物，但至少是個會用AI的廢物了！
請大家多多支持！
#金龍變真龍 #AI議員 #便利商店員工也有夢想」
就在黃金龍得意忘形的時候，老闆娘走了過來：「金龍啊，你在做什麼？」
「老闆娘！你看，我做了一個網站！」黃金龍興奮地展示。
老闆娘看了看：「哇，還真的是網站耶！但是這個看起來好像沒什麼互動...」
「互動？」黃金龍回到Canvas，想起文章裡還有提到測驗和應用程式功能。
他重新對AI說：「可以幫我加一個測驗，讓大家測試對我的了解程度嗎？」
點擊「建立」→「測驗」，又是一個神奇的瞬間！
一個互動式測驗出現了：
「你有多了解黃金龍？」測驗
黃金龍創業失敗過幾次？
A) 1次 B) 2次 C) 3次 D) 4次
黃金龍目前在哪裡工作？
A) 科技公司 B) 便利商店 C) 政府機關 D) 在家閒閒
黃金龍的政見是什麼？
A) 降低稅負 B) 改善交通 C) 用AI讓生活更好 D) 蓋更多公園
「哇靠！這個測驗做得比我想得還專業！」黃金龍興奮得跳起來。
老闆娘被這個測驗功能驚艷到了：「金龍，你能不能做一個讓客人可以玩的小遊戲？」
黃金龍眼睛一亮：「應該可以！我來試試應用程式功能！」
他對AI說：「設計一個便利商店員工的一日生活小遊戲，玩家要幫助員工完成各種任務。」
點擊「建立」→「應用程式」，系統開始生成一個互動式小遊戲！
遊戲畫面出現：
「我的天啊！我不只做了網站，還做了遊戲！」黃金龍簡直不敢相信。
為了讓競選網站更專業，黃金龍決定試試資訊圖表功能。
他對AI說：「幫我製作一個顯示『為什麼要選黃金龍』的資訊圖表。」
點擊「建立」→「資訊圖表」，一個視覺化的圖表出現：
「這個看起來真的很專業耶！」老闆娘讚嘆道。
最後，黃金龍發現了語音摘要功能。
「如果我的競選內容可以用聽的，那些不識字的阿公阿嬤也能了解我了！」
點擊「建立」→「語音摘要」，系統開始將他的競選內容轉換成Podcast！
一個播放器出現，黃金龍按下播放鍵，聽到一個清楚的聲音開始介紹：
「大家好，我是黃金龍，一個45歲的便利商店員工。雖然我創業失敗過三次，但我相信用AI技術可以讓我們的生活變得更好...」
「哇！連聲音都幫我做好了！」黃金龍感動得快哭了。
黃金龍把所有這些AI生成的內容都分享到網路上：
網友們的反應超乎預期：
「金龍大哥真的進化了！這網站比很多正式候選人還專業！」
「便利商店小遊戲太好玩了！我已經玩了十遍！」
「這個測驗做得真棒，我都答對了！」
「語音版政見讓我阿嬤都聽懂了！」
這次的AI網站製作成功，為黃金龍帶來了更多機會：
老闆娘開玩笑說：「金龍啊，你現在是我們店的技術長了！」
黃金龍擦了擦眼淚：「老闆娘，我終於覺得自己不是完全的廢物了...」
那天晚上，黃金龍坐在他10坪的套房裡，看著自己製作的網站、遊戲、測驗，突然有了一種從未有過的成就感。
「原來我也可以做出這些東西...」他看著電腦螢幕，「雖然都是AI幫忙的，但至少我學會了怎麼用。」
他打開記事本，寫下：
「今天學會的事情：
然後他看向牆上的離婚協議書，小聲說：「老婆，雖然你已經不在了，但我想我正在慢慢變成一個更好的人...」
角色成長弧線：
自卑的失敗者 → 好奇的學習者 → 有成就感的創作者 → 被需要的技術助手
故事主題：
這個故事展現了AI工具如何幫助普通人實現原本遙不可及的技術夢想，同時保持了黃金龍這個角色的真實和可愛。
若迫不及待想要知道之後的故事發展，可以到鏡文學，故事的部分，我已經都上傳到這裡，歡迎使用打賞功能等📚，是對筆者最實質的鼓勵🥰。ps:實做的部分還是會只放在鐵人賽喔
我是 Wolke。我是一名專業程式開發者，專長是開發 AI 和程式解決方案。
我投入了不少時間在專業發展上。我是多本書的作者，其中包括《LINE聊天機器人+AI+雲端+開源+程式：輕鬆入門到完整學習》和《ChatGPT來襲，未來人人都需具備的運算思維！應用詠唱工程來釋放程式生產力—程式學習/開發篇》。也有出版線上課程，我熱衷於分享我的經驗和技術，幫助其他開發者更好地利用 AI 工具。
也在許多知名大學、論壇、社團擔任講者，如果貴方有需要也歡迎與我聯繫。
2023年 講座 紀錄
最後這篇文章若有切合你的需求，敬請訂閱按讚分享
本系列相關內容已轉載及加強到筆者 2025 年 所出版之
若這篇文章對您有實質幫助🙏，還望購買書籍📚，是對筆者最實質的鼓勵🥰。
在故事中，我們看到黃金龍用Gemini Canvas成功製作了競選網站和各種互動內容。這個實作章節將帶領你一步步學會這些實用技能，讓你也能像黃金龍一樣，從零開始創建專業的網路內容。
Gemini Canvas是一個互動式創作工具，可以：
首先，我們需要為網站準備基本內容。在Gemini中輸入：
幫我製作一個個人網站的內容大綱，包含以下資訊：
- 個人簡介
- 專業技能
- 工作經歷
- 聯絡方式
- 個人理念
請以一個想要展現專業形象的上班族角度來撰寫。
在Canvas中，你可以：
實用提示：
對AI說：「請把個人簡介改寫成更親切的語調」
或「加入一段關於興趣愛好的描述」
實際範例：
<!-- 生成的網站會包含完整的HTML結構 -->
<!DOCTYPE html>
<html>
<head>
<title>你的姓名 - 個人網站</title>
<style>
/* 自動生成的CSS樣式 */
</style>
</head>
<body>
<!-- 完整的網站內容 -->
</body>
</html>
選擇一個適合的測驗主題，例如：
在Canvas中輸入：
設計一個「你適合哪種工作類型」的個性測驗，包含5個問題，每個問題有4個選項。
你可以進一步調整：
範例測驗結構：
// 自動生成的測驗邏輯
const quiz = {
questions: [
{
question: "你喜歡哪種工作環境？",
options: ["安靜的辦公室", "熱鬧的開放空間", "戶外環境", "在家工作"],
scores: [1, 2, 3, 4]
}
// 更多問題...
],
calculateResult: function(totalScore) {
// 計分邏輯
}
};
思考你想要的功能，例如：
在Canvas中詳細描述：
設計一個「每日任務管理器」應用程式，功能包括：
1. 添加新任務
2. 標記任務完成
3. 刪除任務
4. 顯示完成進度
5. 簡潔的界面設計
測試清單：
常見調整：
對AI說：「請把按鈕顏色改成藍色」
或「增加一個清空所有任務的功能」
整理你想要視覺化的資料：
幫我製作一個資訊圖表，展示「學習程式設計的5個階段」：
1. 基礎語法學習 (1-3個月)
2. 專案實作練習 (3-6個月)
3. 進階概念理解 (6-12個月)
4. 框架工具運用 (12-18個月)
5. 獨立開發能力 (18個月+)
調整選項：
撰寫適合語音播放的內容：
適用情況：
寫作技巧：
好的提示詞範例：
"請以一個經驗豐富但親和的語調，為初學者介紹Python程式設計的基本概念，包含實際範例和常見錯誤提醒。"
避免的提示詞：
"寫一些關於Python的東西。"
組合使用建議：
視覺設計要點：
UX檢查清單：
目標：建立專業形象，展示作品集
實作步驟：
目標：提升公司形象，增加客戶互動
實作步驟：
目標：提供線上學習資源
實作步驟：
解決方案：
對AI說：「請確保網站具有響應式設計，能在手機和平板上正常顯示。」
解決方案：
解決方案：
具體描述缺少的功能：「請在待辦事項應用中添加編輯任務的功能。」
解決方案：
Gemini Canvas提供了一個強大且易用的內容創作平台，讓每個人都能：
關鍵成功要素：
通過這些實作練習，你已經掌握了現代數位內容創作的核心技能。無論是個人品牌建立、小型企業行銷，還是教育訓練應用，這些技能都能為你帶來實際的價值。
記住黃金龍的精神：「雖然我還是個廢物，但至少是個會用AI的廢物了！」每個人都可以透過學習新工具來提升自己的能力和價值。
下一步行動：
若迫不及待想要知道之後的故事發展，可以到鏡文學，故事的部分，我已經都上傳到這裡，歡迎使用打賞功能等📚，是對筆者最實質的鼓勵🥰。ps:實做的部分還是會只放在鐵人賽喔
我是 Wolke。我是一名專業程式開發者，專長是開發 AI 和程式解決方案。
我投入了不少時間在專業發展上。我是多本書的作者，其中包括《LINE聊天機器人+AI+雲端+開源+程式：輕鬆入門到完整學習》和《ChatGPT來襲，未來人人都需具備的運算思維！應用詠唱工程來釋放程式生產力—程式學習/開發篇》。也有出版線上課程，我熱衷於分享我的經驗和技術，幫助其他開發者更好地利用 AI 工具。
也在許多知名大學、論壇、社團擔任講者，如果貴方有需要也歡迎與我聯繫。
2023年 講座 紀錄
最後這篇文章若有切合你的需求，敬請訂閱按讚分享
本系列相關內容已轉載及加強到筆者 2025 年 所出版之
若這篇文章對您有實質幫助🙏，還望購買書籍📚，是對筆者最實質的鼓勵🥰。
便利商店魯蛇變身AI大神👨💻
用Gemini Canvas一鍵生成網站、測驗、遊戲🎮
科技小白也能輕鬆上手！🚀
快來看黃金龍如何翻轉人生✨
#黃金龍 #GeminiCanvas #AI網站 #一鍵生成 #科技翻轉人生
iThome鐵人賽
看影片追技術