Roadmap

從舊站到新站

這一頁說明現行「文學 Let's GO」怎麼一步步變成新站：現況、資料、做法與分階段路線。可以從上往下捲著看。

這個網站在做什麼

文學 Let's GO 是台文館數位改造的第一個試點。

這不是一次性的網站。它的設計系統、內容結構與作家資料，之後會直接由文學好臺誌、內容中台與主站沿用——先在一個範圍小、成果看得見的網站上，把做法驗證起來。

1文學 Let's GO走讀網站・本案試點
2文學好臺誌共用設計系統、CMS 與作家資料
3內容中台單一權威資料源 + Content API
4主站改為讀取中台 API

現況體檢2026-09-28 測

24.3秒
手機版路線頁 LCP
主要內容出現的時間。Google 的「良好」門檻是 2.5 秒以內。
10.3MB
打開一頁路線的傳輸量
73 個請求，其中 8.2 MB 是沒有壓縮、沒有依螢幕縮圖的照片。
53分
無障礙分數（品牌介紹頁・手機）
路線頁為 70 分。政府網站依法需達 WCAG 2.1 AA。
0張
互動地圖
走讀網站沒有地圖；HTML 與 JS 裡找不到任何座標。

同一工具量測新站原型 →

1.7秒手機版路線頁 LCP
93分路線頁效能（手機）
97分路線頁無障礙（手機）
100分首頁與本頁無障礙

Lighthouse 12（手機模擬、Slow 4G 節流），2026-09-29 於正式網址 nmtl.commonplace.tw 量測。

44 張站點照片全部標成裝飾圖（alt=""），螢幕閱讀器完全聽不到
<html> 沒有 lang 屬性，整頁沒有任何語意地標（main、nav、header）
禁止手機縮放（user-scalable=no），標題層級重複與跳級
英文版是空殼、日文版落到錯誤頁，語言切換每次載入都報錯
流量分析仍掛著 2023 年已停止運作的 Universal Analytics，等於沒有數據
前端停在 2018–2020 年的套件（jQuery 3.5、Swiper 4），每頁都載入沒用到的程式

工具：Lighthouse 13.5.0（Chrome headless）與原始碼分析。頁面：現行網站品牌介紹頁、路線頁 Routeid=58。檢測日期 2026-09-28。

舊站 vs 新站，同一條路線

同樣以楊熾昌的臺南為主題。左邊是現行網站的路線頁，右邊是新站的「影子，及其靜脈」；兩張都是手機 375px 寬的整頁截圖，可以在框內上下捲動。

項目	現行網站	新站
地圖	沒有	每條路線一張地圖，與文字清單雙向同步
點位	藏在彈出視窗裡，沒有自己的網址	每個點位一頁，有地址、座標、無障礙資訊
作家	寫在每篇文章裡	一位作家一筆資料，全站引用
語系	英文版是空殼	中英靜態頁面，日文預留
圖片	同一張大圖送給所有裝置	依螢幕寬度輸出 AVIF/WebP

資料怎麼變結構化

舊站的一條路線是一篇長文：地址、作家、開放時間都是文章裡的字，沒辦法畫地圖、篩選或跨館彙整。新站把它拆成四種資料，彼此用 ID 連起來。

舊站：一篇散文

標題
導言（約 1,500 字）
第 1 站 ☞ 名稱、地址夾在內文
第 2 站 ☞ ……
作家介紹寫在文章裡
相關路線 2 則

路線
- 標題（多語）
- 距離・時間
- 點位順序
- 搭配作品
點位
- 名稱・地址
- 座標 [經度，緯度]
- 無障礙資訊
- 故事內文
館舍
- 地址・電話
- 開放時間
- 座標
- 從這裡出發的路線
作家
- 權威 ID
- 異名・筆名
- 生卒年
- 小傳（多語）

作家權威 ID 可對接 ⇢

VIAF
Wikidata
國家圖書館權威檔

作家的權威 ID 預留了對接國際權威檔的欄位；現在是空值，階段 3 再對齊。

實例：一位作家，一筆資料

楊熾昌nmtl:yang-chih-chang在本站被 3 個點位、1 篇作品節錄引用，作家小傳只寫在一個地方；改一次，所有頁面一起更新。

舊站有 4 條臺南路線以葉石濤為主題（Routeid 45、59、60、63），作家介紹分散在各篇文章裡。接進新站後，這些路線與新路線③都指向同一筆資料 nmtl:yeh-shih-tao。

一份資料，三種產出

內容中台的意思是：內容只寫一次、存成結構化資料，再依用途輸出。改一個地址，網站、手冊、素材包一起更新。

內容中台3 條路線・36 間館舍・作家權威檔

網站
路線頁、點位頁、館舍頁、作家頁；三語靜態頁面，手機優先。
手冊 PDF
標案要交的 2 本手冊，用同一份點位與作品資料排版輸出（tagged PDF）。
館舍素材包
6 份素材包：各館的路線圖、點位文字與 QR code，讓館舍自行印製與發布。

分階段路線圖

每個階段都能單獨交付、單獨驗收。以下列出範圍、交付物、館方需要提供的東西，以及館方內部估價時要考慮的角色；工作量為量級估計，不含金額。

階段 0
原型
現在・已完成
範圍與交付物
- 三條走讀路線（北埔、嘉義、臺南）
- 36 間家族館舍地圖
- 作家權威檔雛形（4 位）
- 英文路線一條與語言切換
- 本頁 Roadmap
館方提供
- 現行網站素材的示範使用同意
工作量級
已完成
館方內部估價時要考慮的角色
- —
階段 1
Let's GO 正式版
下一步
範圍與交付物
- 六條路線
- 中/英/日三語
- 學習單下載（tagged PDF，標示格式與大小）
- 活動月曆
- 無障礙 AA 檢測報告
- 部署到 nmtl.gov.tw 子網域
館方提供
- 六館內容審定
- 圖片授權
- 網域與主機政策
工作量級
約 8–10 週
館方內部估價時要考慮的角色
- 內容編輯（路線文字、翻譯審定）
- 無障礙審查
- 系統維運（子網域、憑證、備份）
階段 2
文學好臺誌 tlsg
範圍與交付物
- 沿用 Let's GO 的設計系統與元件
- 導入 Payload CMS（MIT 授權、自架）
- 作家資料與 Let's GO 共用
館方提供
- tlsg 既有內容匯出
- 編輯流程與帳號權限規劃
工作量級
約 10–12 週
館方內部估價時要考慮的角色
- 內容編輯（CMS 日常維護）
- 無障礙審查
- 系統維運（CMS 主機與資料庫）
階段 3
內容中台 + Content API
範圍與交付物
- 收斂分散的資料庫成單一權威資料源
- 作家權威檔對接 VIAF / Wikidata / 國圖
- 對外提供 Content API
館方提供
- 既有資料庫盤點與匯出
- 權威檔審定窗口
工作量級
約 12–16 週
館方內部估價時要考慮的角色
- 內容編輯（權威檔審定）
- 資料管理
- 系統維運（API 與資料庫）
階段 4
主站改版
範圍與交付物
- 主站改為讀取中台 API
- 舊資料移轉與網址轉址
館方提供
- 主站內容與系統移轉窗口
工作量級
依階段 3 盤點結果另估
館方內部估價時要考慮的角色
- 內容編輯
- 無障礙審查
- 系統維運

第一階段刻意不做的事

會員登入與收藏、評論、評分（舊站這些功能的使用數都是 0）
線上解謎與部落格（另案評估）
站內全文搜尋（文學好臺誌階段再做）
實際步行路徑規劃（先以點位順序連線）

技術選擇與理由

給館方資訊單位：每一項都是開源、可自架、不需要 API key 或 SaaS 帳號。

Astro: 內容優先的網站框架，預設不送 JavaScript，輸出純靜態頁面，好部署也好備份。
MapLibre GL JS + OpenFreeMap: 開源地圖（BSD 授權）與免費圖磚，沒有 API key、沒有用量費；依 OpenStreetMap 授權標示來源。
Payload CMS + PostgreSQL: MIT 授權、自架；之後替換原型的本地資料，前端元件不用改。
GeoJSON: 路線與點位用開放格式儲存，可直接給其他系統或地圖工具使用。
開源字型: 源石黑體、源流明體（SIL OFL）與 DM Sans，可以自架，不依賴外部字型服務。

刻意不用的

Mapbox GL JS: v2 起改為專有授權並綁定 Mapbox 服務。
Webflow / Framer: 無障礙做不好，也會被平台綁住。
無障礙 overlay 小工具: 只是遮蓋問題，不能取代真正的無障礙實作。

謝謝

這個原型由通地 Commonplace 製作。

通地 Commonplace・commonplace.tw

本原型的所有舊站文字與圖片僅供提案示範，版權屬國立臺灣文學館。

這個網站在做什麼

現況體檢2026-09-28 測

舊站 vs 新站，同一條路線

資料怎麼變結構化

一份資料，三種產出

分階段路線圖

原型

Let's GO 正式版

文學好臺誌 tlsg

內容中台 + Content API

主站改版

第一階段刻意不做的事

技術選擇與理由

刻意不用的

謝謝