Gemini旅游行程规划网页输出攻略！ 5招秘技将旅程信息转网页化技巧

现在谷歌 Gemini 已经能够成为不少人规划出国旅游的秘密武器，但还是有些人比较会想自己整理和规划旅游行程，要是天数和行程太慢，到最后就会变成很杂乱的文字，底下就来分享如何利用 Gemini 就能将手变现有资料生出结构清楚、排版漂亮、可以分享给朋友的旅游行程页面，不需要写程序，新手也能上手。

如何用谷歌 Gemini将旅游行程规划转成网页？

想要通过谷歌 Gemini 生成旅游行程网页之前，要先准备好已经规划好的旅游行程表或资料，如果比较懒也可以在 Gemini 输入清楚的需求：

幫我規劃 5 天 4 夜東京自由行，照天數列出，包含時間、景點、交通方式、餐廳與預估費用，最後加上總整理區塊

为了让后续行程规划更适合转成网页，会建议要请用 Day1、Day2 分段，每天再细分早上/下午/晚上，使用条列式列表显示等，这样 Gemini 会先帮你生成接近网页区块结构的内容。

如果是直接在 Gemini 聊天界面规划行程，最后要编辑最简单的方式，直接整段复制粘贴到谷歌文件、谷歌试算表，直接通过在线编辑调整。

有了初版纯文字旅游规划行程之后，接下来请 Gemini 重构成网页版格式，变成更接近旅游时程页面的排版，可以依照底下通过 vibe coding 指令来执行（直接复制贴上执行）：

用vibe coding寫一個旅遊的行程網頁，我會給你行程表，必須依照行程進行美化，而且可以有互動感，你準備好就等我上傳行程。

接下来，就可以在对话框内直接上传屏幕截取规划好的旅游行程表，或是上传文件资料，甚至可以贴上规划好纯文字行程，让 Gemini 来帮你处理。

最后Gemini就会将现有提供的旅行规划输出成HTML格式代码，只要等到AI全部跑完后，点击一下HTML框右上角复制按钮，将所有代码复制起来。

随后打开一个新的对话窗口，输入字段底下点选工具，开启「Canvas」模式。

接下来，先贴上刚生成好的旅游规划源代码，顶部输入底下指令让 Gemini 能够以 Canvas 实时在线显示：

幫我把底下HTML代碼以Canvas即時線上顯示

（原始HTMEL程式碼）

最后 Gemini 就会利用 Canvas 实时在线模式，将刚生成的 HTML 源代码转成线上可预览的旅游时程网页，而且右侧画面是可以真实点击。

要是不满意或是想要修改里面数据，也可以直接在左侧对话框内直接用口语化方式要求调整，像是可以下达类似底下指令：

甚至能够在每个景点内自动加入谷歌地图导航按钮，而且可以通过Gemini自动生成，不需要先手动自动找好网址，只要通过底下指令就能办到：

幫我替每個景點加入谷歌地圖導航按鈕，依照每個地點名稱自動生成

可以随意调整到满意为止，而且还可以自定义整体呈现的风格样式，都可以通过 AI 来修改新增。

最后制作好的旅游行程网页也可以直接分享给其他人浏览，只要点击右上角「共享」并选择「分享」。

随后 Canvas 就会自动生成一组公开能在线浏览的网址，只要点击复制链接，就可以通过微信或是 Email 直接分享给亲朋好友或是旅行伙伴。

对方打开链接后，不需要输入任何谷歌帐密，都可以直接通过电脑网页版或手机直接浏览旅游行程。

要是有在带旅游团也可以制作成不同语系，这些都可以通过 Gemini 要求加入英文版本，就可以在右上角切换中文或英文语系版本。

要是事先规划好旅游行程后，现在可以完全不用学会如何网页设计，直接通过 Gemini 快速转换成超美的旅游时程页面，而且资料越丰富，最后显示出来的结构就会更清楚，也会更好阅读行程内容。

这样下次就不需要多花时间，还要自己要整理好每个景点的导航连结，全部通过 AI 就能帮你处理，分享给旅伴和其他人，大家也会更清楚接下来行程和要去哪个景点。