> ## Content Index
> Fetch the complete content index at: https://blog.lifehacker.tw/llms.txt
> Use this file to discover other available public pages before exploring further.

# 【Notion 中文應用案例】東京旅遊微網站｜訓練營作品心得 015
- URL: https://blog.lifehacker.tw/notion-casestudy-015/
- Published: 2024-05-01T16:00:00.000Z
- Updated: 2026-04-07T01:59:58.000Z
- Description: 介紹如何用 Notion 建立個人旅遊微網站，透過 Board View、行程資料庫與快速跳轉區提升使用體驗。
- Author: 生活黑客社群
- Tags: 生活規劃, 旅遊規劃, 訓練營學員作品, Notion, Notion 線上訓練營

## 一、優秀學員介紹

- 暱稱：Peyton 小鳥沛登
- 現職：公務員
- 哪屆訓練營：第 7 屆 Notion 訓練營（學號：#1910）
- 作品連結：[2024 初夏．我們去東京](https://lifehacker-tw.notion.site/2024-696ece119e2f4773b77c9b3e7ad8ff90?ref=blog.lifehacker.tw)
- 作品摘要：Peyton 利用課程所學建立了一個東京旅遊的微網站，以前用 line 分享，轉傳文字跟照片時順序會混亂，不太好用，現在學會 Notion，不需要另學架構網站，也可以方便分享旅遊行程 & 心得想法給家人朋友，讓家人即時參與生活。用資料庫關聯還可以串接所有旅程，以後每一次都可以留下完整回憶！

## 二、Notion 作品展示

![東京旅遊微網站 配圖 1](https://blog.lifehacker.tw/content/images/2025/03/image-47.png)

## 三、系統製作與迭代過程

### 主題思考階段

![東京旅遊微網站 配圖 2](https://blog.lifehacker.tw/content/images/2025/03/image-46.png)

第五週來到課程末，這一週是開放式作業，讓大家能夠上課程所學，將回顧系統（享受的事）和知識系統（擅長的事）整合運用。我首先想到的就是下個月的東京行，雖然已經在 Trello 上排好計畫，但全部都是文字，展示起來有點單調，就算事後也不會有讓人想要回顧的吸引力。以前的旅遊計畫都是用 word 做的，比 Trello 更冰冷，基本上玩完就掃到硬疊深處，甚至要找檔案還要找一陣子，很不方便。在訓練營上課之前，我的目標之一就是用 Notion 做旅遊紀錄，因為在網路上看到大家用 gallery view展示照片，看起來就像電子相簿，非常吸引人。

### 草稿階段

![東京旅遊微網站 配圖 3](https://blog.lifehacker.tw/content/images/2025/03/image-45.png)

1. 定位好旅遊計畫後，開始構思要如何呈現整體畫面。
2. 希望讓訪客感受到什麼特色？
- 畫面清爽、資訊好取得
- 這是一趟充滿期待的旅程，希望傳達出旅者的喜悅
1. 要用什麼方式呈現？
- 要用 Gallery View 展示很多很多照片！（圖片最能激發旅者的好奇心）
- 要分區導覽觀者，分一區的功能要很明確，並在每個資料庫附上詳細說明
- 要加入快速跳轉區，方便觀者移動
1. 遊記，最重要的是行程，行程資料庫包括： 「日期」、「星期幾（每一天）」、「時段（上午、下午、晚上）」、「一句話重點註記」、「營業時間」、「Google Maps 地圖連結」等等最重要的資料。

### 實踐之後的迭代優化

![東京旅遊微網站 配圖 4](https://blog.lifehacker.tw/content/images/2025/04/--02-4.gif)

1. 一開始很開心用 Gallery view 展示大量照片，但後來想到現在很多人只用手機而不打開電腦看網頁，如果分享這個 Notion 公開頁面給家人，他們應該也只是在手機上看，所以排版時我一邊打開手機一邊對照電腦畫面修改，這才發現在手機上如果是 Gallery view 會往下滑很久，不利閱讀體驗，也容易失去焦點，試了其他 View 才確定用 Board view 最適合，此模示可以在手機上左右滑動觀看整個資料庫。

![東京旅遊微網站 配圖 5](https://blog.lifehacker.tw/content/images/2025/03/image-44.png)

1. 一開始寫的思路很乾，也不知道在寫什麼，為寫而寫，不知道自己在做什麼，完全沒進入狀況，一邊寫一邊疑惑為什麼不是完成作業就好了？但還是乖乖寫了兩三週。

![東京旅遊微網站 配圖 6](https://blog.lifehacker.tw/content/images/2025/03/image-43.png)

1. 經過五週的訓練，慢慢地知道思路怎麼寫，開始會拆分腦中糊成一片的想法，第五週的作業也因此寫得很快很順。感覺學到了一項很實用的技能啊！應該之後的人生都用得上！

## 四、Notion 訓練營學習心得分享

1. 在參加訓練營之前，我是 Notion 小白，連資料庫 database 的功能都不會用，雖然買了 Hahow 的實戰課程，但上課時間拉得很長，常常過了一段時間忘了前面在講什麼又要重新複習，非常沒有效率。即使有跟著課程做練習，還是覺得不知道怎麼使用 Notion。因為真的想學會 Notion，看了訓練營的介紹，馬上就想參加，不過那時候第六屆報名已經結束了，等第七屆開始報名，馬上就下單啦。
2. 課程進行到一半，我發現自己已經可以拆解網路上大部分的模板了！以前下載模板，即使很努力想增加 Notion 功力，卻因為不懂得基本的設計原理而全部放棄。訓練營教我們的不只是拆解模板，而是了解模板設計的底層邏輯，從此我們不只知道模板是怎麼做的，還可以自己調整為適合你的版本，為自己客製化，逐步設計屬於你的 Notion 系統。
3. 當初想報名上課的原因之一還有訓練營一大特色：網狀學習。這件事真的是只有實際體驗過你才會知道是怎麼回事，無法用簡單的文字描述。真的要說的話，只能說：大推！這輩子沒有這樣的參與經驗真的太可惜。課後與教學團隊及同學們的交流、向所有人學習、被其他人學習……為期 40 天的營期飛速而過，而我們投入的時間與精力最終都會化為成長的養分，不虛此行。

---

### 📍 本文由 [Notion 線上實戰訓練營](https://raymondhouch.com/notioncamp?ref=blog.lifehacker.tw) 學員的作品投稿

感謝同學們在這 40 天的陪伴式教學中，用行動力產出這些優質的 Notion 作品，並分享自己在課程中的收穫！

我們會繼續收集、整理同學們優秀作品和應用到這專欄，同時也歡迎認真學習的你，也和更多人分享你的成果、作業思路和改變故事，讓你透過這輸出練習，更瞭解自己、熟練工具，還能讓需要的人因為你的分享而被點亮。

👇🏼 最完整的中文 Notion 教學服務[點此瞭解](https://raymondhouch.com/notionhacker/?ref=blog.lifehacker.tw)，與 12,000 多名各行各業的同學一起精進自己！

[![06c43261-8f2b-4181-9695-519e9f20ff0a.png](https://blog.lifehacker.tw/content/images/2025/01/06c43261-8f2b-4181-9695-519e9f20ff0a-1.png)](https://raymondhouch.com/notioncamp?ref=blog.lifehacker.tw)