01

時間層

從民國 86 年成立校友會,走到 95 年十週年活動。年份與活動順序構成閱讀介面。

02

故事層

每篇 Markdown 是一張可獨立閱讀的故事卡,保留原始段落、表格、子章節與署名差異。

03

證據層

照片依原文出現順序嵌回閱讀流程,可放大連續瀏覽,也保留無照片與史料缺口。

Data notes

資料來源與校驗

網站完全由 `docs/stories/` 的 Markdown 與媒體檔在建構時產生,不需要後端或資料庫。原始檔不會被轉換流程修改。

原始活動表有 44 筆並缺少序號 24;現存「合歡北峰-天巒池縱走」遊記正好位於時間缺口,因此補入網站,形成 45 個節點。這項補遺在時間軸與前言頁都有明確標示。

  • 序號 24 不在原始活動年表中,已依現存遊記補入時間軸。
44
筆原始年表紀錄
45
個網站時間軸節點
37
篇遊記 Markdown
248
個媒體檔
5
筆取消活動

技術方式

Next.js App Router + TypeScript + Tailwind CSS。內容與圖片在建構期解析、轉為 route-safe WebP 與結構化 JSON,再以靜態匯出部署。互動只保留在時間軸與 Lightbox,以降低瀏覽器負擔。

開始閱讀時間軸