本文分享如何利用 Google Gemini 的 Canvas 功能，將傳統的旅行行程表轉化為視覺化、可互動的心智圖，並透過 AI 提示工程與協作功能，提升行程規劃的效率與樂趣。教你如何從行程概念的心智圖化、Canvas 的操作實務，到互動協作與發布，一步步打造你的專屬「旅行作戰室」。

<html lang="en"><head><style>              .article-container {                width: 100%;                font-family: Microsoft JhengHei,Helvetica Neue,Helvetica,Arial,sans-serif;              }              ul, ol {                margin: 12px auto;                max-width: 740px;                color: #535150;                line-height: 1.8;                padding-left: 0px;              }              .graf--img {                display: table;                justify-content: center;                align-items: center;                text-align: center;                color: gray;                font-size: 14px;                letter-spacing: 0px;                margin: 10px auto 50px;                width: 100%;                position: relative;                clear: both;              }              .graf--img.center img {                width: 100%;                max-width: 740px;                margin: 10px auto 0px;                display: block;                margin: 0 auto;              }              .graf--img.full img {                width: 100%;              }              .captionTheme__wrapper {                width: 100%;                font-style: normal;                line-height: 22px;                font-size: 16px;                max-width: 600px;                margin-top: 8px;                display: inline-block;              }              .graf--img.full {                max-width: 100%;                margin: 40px 0px;                display: block;                margin: 0 auto;                align-items: center;              }              .graf--figure {                text-align: center;                color: gray;                font-style: italic;                font-size: 15px;                margin: 28px auto;                box-sizing: border-box;              }              .graf--figure iframe {                width: 100%;                max-width: 740px;                margin: 0 auto;              }              .graf--p {                font-size: 16px;                line-height: 1.8;                font-family: "Microsoft JhengHei fixed", "Helvetica Neue" ,"Microsoft JhengHei", Helvetica, "Segoe UI", Tahoma, Arial, sans-serif;                letter-spacing: 1px;                font-weight: 400;                max-width: 740px;                color: #535150;                text-align: left;              }              .graf--p > a {                color: #00B3C6 !important;                text-decoration: none !important;              }              .graf--li > a {                color: #00B3C6 !important;                text-decoration: none !important;              }              .graf--quotesSpecial > a {                color: #00B3C6 !important;                text-decoration: none !important;              }              .graf--blockquote > a {                color: #00B3C6 !important;                text-decoration: none !important;              }              .graf--h1 > a {                color: #00B3C6 !important;                text-decoration: none !important;              }              .graf--h2 > a {                color: #00B3C6 !important;                text-decoration: none !important;              }              .graf--h3 > a {                color: #00B3C6 !important;                text-decoration: none !important;              }              a.graf--mention {                color: #535150 !important;                text-decoration: underline !important;                font-weight: 700;              }              .graf--h2 {                font-size: 24px;                padding: 0;                max-width: 740px;                text-align: left;                letter-spacing: 1px;                font-weight: 700;                margin-top: 34px;                line-height: 1.5;              }              .graf--h3 {                font-size: 18px;                padding: 0;                max-width: 740px;                text-align: left;                letter-spacing: 1px;                font-weight: 700;                margin-top: 28px;                line-height: 1.5;              }              .graf--li {                font-size: 16px;                padding: 0px 0px 0px 4px;                font-weight: 400;                letter-spacing: 0px;                list-style-position: outside;                text-align:left;                margin-left: 24px;              }              .graf--hr {                width: 100%;                margin: 0px auto;                transform: translateY(-50%);                position: relative;                padding: 0px;                text-align: left;                max-width: 740px;                margin: 0 auto;              }              .graf--hr hr {                height: 0;              }              .graf--blockquote {                padding: 10px 0px 10px 16px;                font-size: 16px;                color: #7A7574;                letter-spacing: 1px;                margin: 28px 0px;                border-left: 4px solid #DDD9D8;                width: 100%;                max-width: 740px;                text-align: left;              }              .graf--quotesSpecial {                display: table;                color: #7A7574;                position: relative;                padding: 31.5px 40px;                text-align: center;                letter-spacing: 0px;                position: relative;                margin: 29px auto;                font-family: "Microsoft JhengHei fixed", "Helvetica Neue", "Microsoft JhengHei", Helvetica, "Segoe UI", Tahoma, Arial, sans-serif;                font-size: 16px;                -webkit-box-ordinal-group: 1;                -webkit-box-flex: 0;              }              .embed-wrapper {                max-width: 740px;                border: 1px solid #DDD9D8;                display: block;                padding: 12px;                border-radius: 8px;                margin: 12px 0px;                text-decoration: none !important;              }              .embed-title {                font-size: 16px;                font-weight: 700;                color: #535150;                margin-bottom: 8px;                text-align: left;                line-height: 1.5;                text-decoration: none !important;              }              .embed-description {                width: 100%;                font-size: 14px;                color: #7A7574;                line-height: 1.5;                max-height: 150px;                text-align: left;                overflow: hidden;                padding: 12px 0px;              }              .embed-url > a {                width: 100%;                font-size: 14px;                color: #141413 !important;                text-decoration: none !important;                line-height: 1.5;                text-align: left;              }                            .embed-thumbnail-wrapper {                padding-left: 12px;              }              .embed-thumbnail {                width:100px;                border-radius: 8px;              }              pre {                background: #F6F6F6;                border-radius: 8px;                padding: 16px;                font-size: 16px;                color: #535150;                line-height: 180%;                text-align: left;              }              .lexical__textBold {                font-weight: bold;              }              .lexical__textItalic {                font-style: italic;              }              .lexical__textUnderline {                text-decoration: underline;              }              .lexical__textStrikethrough {                text-decoration: line-through;              }              .lexical__textUnderlineStrikethrough {                text-decoration: underline line-through;              }              .lexical__textSubscript {                font-size: 0.8em;                vertical-align: sub;              }              .lexical__textSuperscript {                font-size: 0.8em;                vertical-align: super;              }              .lexical__textCode {                background-color: rgb(240, 242, 245);                padding: 1px 0.25rem;                font-family: Menlo, Consolas, Monaco, monospace;                font-size: 94%;              }            </style></head><body><div class="article-container"><ol class="lexical__ol"><li value="1" class="graf--li"><span style="white-space: pre-wrap;">首先準備markdown行程表</span></li></ol><div class="graf--img center"><div class="lexical__imageWrapper"><img src="https://images.vocus.cc/fa3a1951-dfcd-4cb9-b13a-6b8ef41c5a3a.png" data-src="https://resize-image.vocus.cc/resize?compression=6&norotation=true&url=https%3A%2F%2Fimages.vocus.cc%2Ffa3a1951-dfcd-4cb9-b13a-6b8ef41c5a3a.png&width=740&sign=dbJ-mqFCJCRqNkWevhCxL5LWX6L6oM7LjhtttxJo5xc" class="lazy" data-loaded="false" data-original-src="https://images.vocus.cc/fa3a1951-dfcd-4cb9-b13a-6b8ef41c5a3a.png" data-lowquality="false" data-width="786" data-height="885" data-retry="0" onerror="Number(this.dataset.retry) > 4 ? this.src='/static/default-error-img.svg': (() => {this.src=this.dataset.originalSrc; this.dataset.retry = Number(this.dataset.retry)+1;})()" data-istopthreeimage="false" alt="raw-image"></div><div></div></div><p class="graf--p" dir="ltr"><span style="white-space: pre-wrap;">不知道只有我還是大家都有，這區塊右上其實有心智圖。</span></p><p class="graf--p" dir="ltr"><span style="white-space: pre-wrap;">總之還是繼續用markmap</span></p><p class="graf--p" dir="ltr"><br></p><ol start="2" class="lexical__ol"><li value="2" class="graf--li"><span style="white-space: pre-wrap;">使用markmap</span></li></ol><p class="graf--p" dir="ltr"><span style="white-space: pre-wrap;">首先點選左上角try it out，然後貼上markdown到左邊區塊，右邊就會有心智圖</span></p><div class="graf--img center"><div class="lexical__imageWrapper"><img src="https://images.vocus.cc/f485f809-c156-4942-87f2-062a09afc0de.png" data-src="https://resize-image.vocus.cc/resize?compression=6&norotation=true&url=https%3A%2F%2Fimages.vocus.cc%2Ff485f809-c156-4942-87f2-062a09afc0de.png&width=740&sign=qh2vvN-T53g08bk6nOIewzCVL_CgT-Xebgla4MMQgSU" class="lazy" data-loaded="false" data-original-src="https://images.vocus.cc/f485f809-c156-4942-87f2-062a09afc0de.png" data-lowquality="false" data-width="1910" data-height="991" data-retry="0" onerror="Number(this.dataset.retry) > 4 ? this.src='/static/default-error-img.svg': (() => {this.src=this.dataset.originalSrc; this.dataset.retry = Number(this.dataset.retry)+1;})()" data-istopthreeimage="false" alt="raw-image"></div><div></div></div><p class="graf--p" dir="ltr"><br></p><ol start="3" class="lexical__ol"><li value="3" class="graf--li"><span style="white-space: pre-wrap;">下載心智圖程式碼</span></li></ol><p class="graf--p" dir="ltr"><span style="white-space: pre-wrap;">請點選中間下面Download as interactive HTML</span></p><p class="graf--p" dir="ltr"><br></p><ol start="4" class="lexical__ol"><li value="4" class="graf--li"><span style="white-space: pre-wrap;">把程式碼貼到gemini</span></li></ol><p class="graf--p" dir="ltr"><span style="white-space: pre-wrap;">選擇canvas然後prompt我只寫show html in canvas:後面貼上程式碼</span></p><div class="graf--img center"><div class="lexical__imageWrapper"><img src="https://images.vocus.cc/9b91eb3c-0294-4a6f-975a-e68df80984de.png" data-src="https://resize-image.vocus.cc/resize?compression=6&norotation=true&url=https%3A%2F%2Fimages.vocus.cc%2F9b91eb3c-0294-4a6f-975a-e68df80984de.png&width=740&sign=Dg1B_95T93ckOgz0Xwn-2Tn3H1j2OZvwxgyC0Cy_XUI" class="lazy" data-loaded="false" data-original-src="https://images.vocus.cc/9b91eb3c-0294-4a6f-975a-e68df80984de.png" data-lowquality="false" data-width="822" data-height="304" data-retry="0" onerror="Number(this.dataset.retry) > 4 ? this.src='/static/default-error-img.svg': (() => {this.src=this.dataset.originalSrc; this.dataset.retry = Number(this.dataset.retry)+1;})()" data-istopthreeimage="false" alt="raw-image"></div><div></div></div><ol start="5" class="lexical__ol"><li value="5" class="graf--li"><span style="white-space: pre-wrap;">完成</span></li></ol><p class="graf--p" dir="ltr"><span style="white-space: pre-wrap;">再下一個prompt讓他修正顯示、美化或加一堆你想加的東西</span></p><p class="graf--p" dir="ltr"><span style="white-space: pre-wrap;">有時候他做出來會跑版、太小，就可以用【請保留心智圖並且全部重寫】之類的</span></p><p class="graf--p" dir="ltr"><span style="white-space: pre-wrap;">這邊就看運氣跟每個人下指令的功力了，總之做出來大概是這樣</span></p><div class="graf--img center"><div class="lexical__imageWrapper"><img src="https://images.vocus.cc/f4c715e5-10e2-4570-9e7f-f8987df62459.png" data-src="https://resize-image.vocus.cc/resize?compression=6&norotation=true&url=https%3A%2F%2Fimages.vocus.cc%2Ff4c715e5-10e2-4570-9e7f-f8987df62459.png&width=740&sign=DvqSeHDSC_kzrQG0BvX_fjJyhvvKJ6Sf1ZL_Cu8wzEE" class="lazy" data-loaded="false" data-original-src="https://images.vocus.cc/f4c715e5-10e2-4570-9e7f-f8987df62459.png" data-lowquality="false" data-width="1193" data-height="881" data-retry="0" onerror="Number(this.dataset.retry) > 4 ? this.src='/static/default-error-img.svg': (() => {this.src=this.dataset.originalSrc; this.dataset.retry = Number(this.dataset.retry)+1;})()" data-istopthreeimage="false" alt="raw-image"></div><div></div></div><p class="graf--p" dir="ltr"><br></p><ol start="6" class="lexical__ol"><li value="6" class="graf--li"><span style="white-space: pre-wrap;">分享</span></li></ol><p class="graf--p" dir="ltr"><span style="white-space: pre-wrap;">最後按下畫面右邊的[共用]按鈕->[複製連結]給同行夥伴就可以了</span></p><div class="graf--img center"><div class="lexical__imageWrapper"><img src="https://images.vocus.cc/3ffa634f-5634-4115-b649-898de4f50c66.png" data-src="https://resize-image.vocus.cc/resize?compression=6&norotation=true&url=https%3A%2F%2Fimages.vocus.cc%2F3ffa634f-5634-4115-b649-898de4f50c66.png&width=554&sign=5mZFa6yj3VPoIxTBg-y5_EhQlfU4yPbOcmDLYzG3gPY" class="lazy" data-loaded="false" data-original-src="https://images.vocus.cc/3ffa634f-5634-4115-b649-898de4f50c66.png" data-lowquality="false" data-width="554" data-height="359" data-retry="0" onerror="Number(this.dataset.retry) > 4 ? this.src='/static/default-error-img.svg': (() => {this.src=this.dataset.originalSrc; this.dataset.retry = Number(this.dataset.retry)+1;})()" data-istopthreeimage="false" alt="raw-image"></div><div></div></div><p class="graf--p" dir="ltr"><br></p><p class="graf--p" dir="ltr"><br></p><p class="graf--p" dir="ltr"><br></p><p class="graf--p" dir="ltr"><br></p></div></body></html>

以行動支持創作者！付費即可解鎖

贊助珍奶

旅行美食

武藏國：孕育東京的古國

還記得第一次自己規劃出國旅行，是去沖繩 🌊



那時候超緊張，怕機票買錯、住宿踩雷、景點太分散… 結果沒想到，我全程只用一個平台 —— PChome 旅遊，就把所有細節一次搞定，連行程表都幫我排好了！




🧭 我的操作流程分享

先查機票 ✈️
輸入台北－沖繩，系統直接幫我列出各家航空公司

eric Yuan的沙龍

【旅行規劃神器】PChome 旅遊：我的沖繩自由行3天2夜全靠它搞定！

旅行的美好，從來不是在規劃中被煩惱淹沒，而是能安心出發、盡情享受沿途風景。
但現實常常是：
行程表散落在手機記事本、截圖、紙張上，到處翻不到。
預算沒算好，最後錢花到哪裡都不清楚。
多人出遊，誰先墊錢、誰該付多少，搞得人情尷尬。
行李總是漏帶東西，到當地才發現忘了重要物品。

數位工具設計師
專為個人與小商家打造 Google Sheets / Notion 模板，
幫你省時、省力，專注在更重要的事。

除了設計實用工具，也喜歡動腦、討論與思辨。
我在文字裡探索議題、整理想法，
把痛點變知識，把知識做成工具。
讓生活與思考，都更清晰。

Zeseri 捷思艾瑞

Google 試算表｜旅途管家：全方位旅行計劃表，讓行程規劃更清晰、更省心！

想要快速規劃一趟旅行，但不想花大量時間查資料、比價、寫行程表嗎？

現在，你只需要一個 AI 助手——ChatGPT，就能在幾分鐘內幫你生成完整的旅遊計畫，省時又省力。

這篇文章將教你如何使用 ChatGPT 安排旅遊行程，從準備資料、輸入提示詞，到優化行程內容，一步到位。

為什麼用 ChatG

用 LDS（聽、讀、說）的方法來玩日語，結果被朋友笑說像「攪豬屎」😅⋯⋯
但語言學習本來就該亂中有趣、開口就贏。在《跟著大衛玩日語》，我們不照本宣科，完全依照心情來學，並透過日本的新奇事物，激發日語同好的興趣。來吧，把語言攪一攪，聊出你的風格⋯

跟著大衛玩日文

如何以 ChatGPT 幫你安排旅遊行程｜從零開始的 AI 旅行規劃指南

剛從香港回來，還有點捨不得那種自由自在、一個人走走停停的感覺。這趟是我第一次一個人到香港玩，雖然行程很隨性，但選住宿這件事我可是認真研究了好幾天，現在想跟你分享一些實用的經驗，給也想獨旅或自由行的你參考一下。

📍地點真的影響整個旅程節奏

我住的地方離地鐵站超近，大概兩分鐘就能走到，真的超方便！

Lenka chan的沙龍

我在香港找住宿的那些小經驗，真的要狠狠碼住了

文化生活

國際

數位工具

旅行

Google

行程表

資訊

行程

管家

安心

尷尬

願景

財務

ChatGPT

生成

交通

遊行

輸入

景點

住宿

地點

經驗

地鐵站

香港

房間

24小時

自由行

酒店

說實話，當初剛開始做旅行社的時候，完全沒想到會這麼辛苦。所有行程表都是手寫的，改個東西還要打電話一個一個通知客人，真的是忙得頭昏腦脹。客人要求變動多，行程改了又改，搞得我每天都像在打仗。特別是旺季，電話鈴聲不停響，訂房、訂票、改時間，一天下來身心俱疲。

小錯誤大問題，整團行程都能翻車

有一次我不

音樂藝文

科技

旅行社

客人

電話

航空公司

做旅行社那些年，真的超手忙腳亂！

原以為情緒勒索、語音攻擊已經是這趟友情旅行的高峰，沒想到到了日本後，才真正進入友情修羅場第二階段。S同學一家三口每天上演「遲到三重奏」，行程全被打亂，旅伴們在車站乾等成為日常。從「我等等就到」變成「早餐等不到人」，我們用笑著吃麥當勞的方式，撐過了這場友情崩壞旅程的中段戰場。

創作

瘋狂的人加上瘋狂的事

	有時候生活就像奶茶，甜是有的，但總會有點膩、有點冰，也有點喝不出味道的時候。
所以我決定寫字，寫一點自己的故事，寫一點沒人問過但我想說的事。

	我不是作家，也不是什麼厲害的創作者，只是一個每天會買無糖波霸紅茶拿鐵、回家會被黑貴賓白眼的小牲畜。

HaHa的生活觀察日記

同學

遲到

日本

麥當勞

車站

情緒勒索

老公

友情試煉 ：五天四夜日本行，我們都被一家三口遲到風暴折磨了

第一次規劃這麼詳細的日本行程！從簡易行程規劃、表格整理到製作精美圖文行程表，完整分享我的經驗。文章包含行程範例、表格製作技巧和Canva圖文行程表製作教學，以及相關連結，助你輕鬆規劃旅程。

旅遊的幽默

就是看看繪本，治療眼睛、培養美感。



阿玻小姐

晚餐

火車

Outlet

接駁車

新幹線

編輯

公車

岡山車站

[旅遊]行程表範本-簡易行程表、Google Sheet到Canva精美圖文行程表分享

去年4月中開始在《日本遊30天才過癮》的專題中，新增了一個「日本好色」的系列，固定每週日發表，時光飛逝，上週已來到第52篇，一年了。當初在整理30天日本行照片之餘，想把每天隨手拍下的人、事、物，每週一篇來呈現一天的遊記，沒想到寫著寫著，已經一年了。

<div class="draft-block draft--p left">感謝你的無私分享，每個星期日都有好料的端上桌</div>

日本旅遊

日本遊30天才過癮

人生50才開始，進入人生下半場，用輕鬆的角度來看待世界，期待人生下半場能活得精彩。

這裡丨心裡

⛩ 日本好色周年特別企劃(上)～幕後花絮【拍照篇/行程篇】保證讓你受用！

在照顧者陪自閉症者做行程表過程，可以提前最久兩週做討論。

整個過程，我認為，自閉症者有必要認識中秋節的故事。

台灣的中秋節比較簡單，只有烤肉、吃月餅；中國中秋節多了提燈籠和看花燈

換句話說，在中秋節烤肉當天，自閉症者知道會有親朋好友一同團圓賞月。

因此，照顧者可以陪自閉症者做當天的情境演練、

親子與教育

健康與情感

自閉症者的出路

這是關於自閉症者的安置和就業的兩條路問題，在這之前，大多為了有個人的生活費，通常以進入職場為主。問題是，在台灣的大部分職場環境，是對自閉症者不利的，因此，自閉症者容易有職場霸凌的危機。所以，在選擇安排自閉症者的安置機構，往往無法進去。因此，這是需要解決的社會問題。

星星兒的出路

製作中秋節的一日行程表

這次的農曆春假，放十天。
反而，在自閉症者而言，是偏長假，容易擔心原本的能力有消失的情況。
那麼，就要靠行程表的安排。
可以在小年夜開始，陪自閉症者討論，想進行什麼樣的活動。
可以是從醫院的活動，也可以是自創的小活動，甚至，固定的走春和拜拜。
那麼，從固定的走春和拜拜做考量，進行討論。
其實，充其量

善用自閉症者的視覺優勢，製作農曆春假的行程表。

電光文辭 neon prose

互動

傳統

程式

用 Gemini Canvas 將旅行行程升級成互動式心智圖，告別傳統規劃模式！

<ol class="lexical__ol"><li value="1" class="lexical__listItem"><span style="white-space: pre-wrap;">首先準備markdown行程表</span></li></ol><div class="lexical__image center"><div class="lexical__imageWrapper"><img src="https://resize-image.vocus.cc/resize?compression=6&amp;norotation=true&amp;url=https%3A%2F%2Fimages.vocus.cc%2Ffa3a1951-dfcd-4cb9-b13a-6b8ef41c5a3a.png&amp;width=740&amp;sign=dbJ-mqFCJCRqNkWevhCxL5LWX6L6oM7LjhtttxJo5xc" fetchpriority="high" data-src="https://resize-image.vocus.cc/resize?compression=6&amp;norotation=true&amp;url=https%3A%2F%2Fimages.vocus.cc%2Ffa3a1951-dfcd-4cb9-b13a-6b8ef41c5a3a.png&amp;width=740&amp;sign=dbJ-mqFCJCRqNkWevhCxL5LWX6L6oM7LjhtttxJo5xc" data-loaded="true" data-original-src="https://images.vocus.cc/fa3a1951-dfcd-4cb9-b13a-6b8ef41c5a3a.png" data-lowquality="false" data-width="786" data-height="885" data-retry="0" onerror="Number(this.dataset.retry) > 4 ? this.src='/static/default-error-img.svg': (() => {this.src=this.dataset.originalSrc; this.dataset.retry = Number(this.dataset.retry)+1;})()" data-istopthreeimage="true" alt="raw-image"></div><div></div></div><p class="lexical__paragraph" dir="ltr"><span style="white-space: pre-wrap;">不知道只有我還是大家都有，這區塊右上其實有心智圖。</span></p><p class="lexical__paragraph" dir="ltr"><span style="white-space: pre-wrap;">總之還是繼續用markmap</span></p><p class="lexical__paragraph" dir="ltr"><br></p><ol start="2" class="lexical__ol"><li value="2" class="lexical__listItem"><span style="white-space: pre-wrap;">使用markmap</span></li></ol><p class="lexical__paragraph" dir="ltr"><span style="white-space: pre-wrap;">首先點選左上角try it out，然後貼上markdown到左邊區塊，右邊就會有心智圖</span></p><div class="lexical__image center"><div class="lexical__imageWrapper"><img src="https://resize-image.vocus.cc/resize?compression=6&amp;norotation=true&amp;url=https%3A%2F%2Fimages.vocus.cc%2Ff485f809-c156-4942-87f2-062a09afc0de.png&amp;width=740&amp;sign=qh2vvN-T53g08bk6nOIewzCVL_CgT-Xebgla4MMQgSU" fetchpriority="high" data-src="https://resize-image.vocus.cc/resize?compression=6&amp;norotation=true&amp;url=https%3A%2F%2Fimages.vocus.cc%2Ff485f809-c156-4942-87f2-062a09afc0de.png&amp;width=740&amp;sign=qh2vvN-T53g08bk6nOIewzCVL_CgT-Xebgla4MMQgSU" data-loaded="true" data-original-src="https://images.vocus.cc/f485f809-c156-4942-87f2-062a09afc0de.png" data-lowquality="false" data-width="1910" data-height="991" data-retry="0" onerror="Number(this.dataset.retry) > 4 ? this.src='/static/default-error-img.svg': (() => {this.src=this.dataset.originalSrc; this.dataset.retry = Number(this.dataset.retry)+1;})()" data-istopthreeimage="true" alt="raw-image"></div><div></div></div><p class="lexical__paragraph" dir="ltr"><br></p><ol start="3" class="lexical__ol"><li value="3" class="lexical__listItem"><span style="white-space: pre-wrap;">下載心智圖程式碼</span></li></ol><p class="lexical__paragraph" dir="ltr"><span style="white-space: pre-wrap;">請點選中間下面Download as interactive HTML</span></p><p class="lexical__paragraph" dir="ltr"><br></p><ol start="4" class="lexical__ol"><li value="4" class="lexical__listItem"><span style="white-space: pre-wrap;">把程式碼貼到gemini</span></li></ol><p class="lexical__paragraph" dir="ltr"><span style="white-space: pre-wrap;">選擇canvas然後prompt我只寫show html in canvas:後面貼上程式碼</span></p><div class="lexical__image center"><div class="lexical__imageWrapper"><img src="https://resize-image.vocus.cc/resize?compression=6&amp;norotation=true&amp;url=https%3A%2F%2Fimages.vocus.cc%2F9b91eb3c-0294-4a6f-975a-e68df80984de.png&amp;width=740&amp;sign=Dg1B_95T93ckOgz0Xwn-2Tn3H1j2OZvwxgyC0Cy_XUI" fetchpriority="high" data-src="https://resize-image.vocus.cc/resize?compression=6&amp;norotation=true&amp;url=https%3A%2F%2Fimages.vocus.cc%2F9b91eb3c-0294-4a6f-975a-e68df80984de.png&amp;width=740&amp;sign=Dg1B_95T93ckOgz0Xwn-2Tn3H1j2OZvwxgyC0Cy_XUI" data-loaded="true" data-original-src="https://images.vocus.cc/9b91eb3c-0294-4a6f-975a-e68df80984de.png" data-lowquality="false" data-width="822" data-height="304" data-retry="0" onerror="Number(this.dataset.retry) > 4 ? this.src='/static/default-error-img.svg': (() => {this.src=this.dataset.originalSrc; this.dataset.retry = Number(this.dataset.retry)+1;})()" data-istopthreeimage="true" alt="raw-image"></div><div></div></div><ol start="5" class="lexical__ol"><li value="5" class="lexical__listItem"><span style="white-space: pre-wrap;">完成</span></li></ol><p class="lexical__paragraph" dir="ltr"><span style="white-space: pre-wrap;">再下一個prompt讓他修正顯示、美化或加一堆你想加的東西</span></p><p class="lexical__paragraph" dir="ltr"><span style="white-space: pre-wrap;">有時候他做出來會跑版、太小，就可以用【請保留心智圖並且全部重寫】之類的</span></p><p class="lexical__paragraph" dir="ltr"><span style="white-space: pre-wrap;">這邊就看運氣跟每個人下指令的功力了，總之做出來大概是這樣</span></p><div class="lexical__image center"><div class="lexical__imageWrapper"><img src="https://resize-image.vocus.cc/resize?compression=6&amp;norotation=true&amp;url=https%3A%2F%2Fimages.vocus.cc%2Ff4c715e5-10e2-4570-9e7f-f8987df62459.png&amp;width=740&amp;sign=DvqSeHDSC_kzrQG0BvX_fjJyhvvKJ6Sf1ZL_Cu8wzEE" data-src="https://resize-image.vocus.cc/resize?compression=6&amp;norotation=true&amp;url=https%3A%2F%2Fimages.vocus.cc%2Ff4c715e5-10e2-4570-9e7f-f8987df62459.png&amp;width=740&amp;sign=DvqSeHDSC_kzrQG0BvX_fjJyhvvKJ6Sf1ZL_Cu8wzEE" class="lazy" data-loaded="false" data-original-src="https://images.vocus.cc/f4c715e5-10e2-4570-9e7f-f8987df62459.png" data-lowquality="true" data-width="1193" data-height="881" data-retry="0" onerror="Number(this.dataset.retry) > 4 ? this.src='/static/default-error-img.svg': (() => {this.src=this.dataset.originalSrc; this.dataset.retry = Number(this.dataset.retry)+1;})()" data-istopthreeimage="false" alt="raw-image"></div><div></div></div><p class="lexical__paragraph" dir="ltr"><br></p><ol start="6" class="lexical__ol"><li value="6" class="lexical__listItem"><span style="white-space: pre-wrap;">分享</span></li></ol><p class="lexical__paragraph" dir="ltr"><span style="white-space: pre-wrap;">最後按下畫面右邊的[共用]按鈕-&gt;[複製連結]給同行夥伴就可以了</span></p><div class="lexical__image center"><div class="lexical__imageWrapper"><img src="https://resize-image.vocus.cc/resize?compression=6&amp;norotation=true&amp;url=https%3A%2F%2Fimages.vocus.cc%2F3ffa634f-5634-4115-b649-898de4f50c66.png&amp;width=554&amp;sign=5mZFa6yj3VPoIxTBg-y5_EhQlfU4yPbOcmDLYzG3gPY" data-src="https://resize-image.vocus.cc/resize?compression=6&amp;norotation=true&amp;url=https%3A%2F%2Fimages.vocus.cc%2F3ffa634f-5634-4115-b649-898de4f50c66.png&amp;width=554&amp;sign=5mZFa6yj3VPoIxTBg-y5_EhQlfU4yPbOcmDLYzG3gPY" class="lazy" data-loaded="false" data-original-src="https://images.vocus.cc/3ffa634f-5634-4115-b649-898de4f50c66.png" data-lowquality="true" data-width="554" data-height="359" data-retry="0" onerror="Number(this.dataset.retry) > 4 ? this.src='/static/default-error-img.svg': (() => {this.src=this.dataset.originalSrc; this.dataset.retry = Number(this.dataset.retry)+1;})()" data-istopthreeimage="false" alt="raw-image"></div><div></div></div><p class="lexical__paragraph" dir="ltr"><br></p><p class="lexical__paragraph" dir="ltr"><br></p><p class="lexical__paragraph" dir="ltr"><br></p><p class="lexical__paragraph" dir="ltr"><br></p>

自我成長

投資理財

<div class="draft-block draft--p left">
              <a href="/user/@hesay" target="_blank" class="draft--mention">
                <i class="icon-mention"></i>
                <span>渣男不渣</span>
              </a>
             係哩母干嫌啦～</div>

你也可以在脆看到我的身影

FB粉專也歡迎你有事沒事來瞧瞧～

星星兒的成長