結論
純靜態頁面 (HTML/CSS/JS) 無法實現持久化留言板,因無法在服務端存儲數據。
GitHub Pages 等靜態托管如何做留言?
- 使用**第三方評論服務**:Disqus、Gitalk、Valine、Utterances(基於 GitHub Issues)。
- 前端 JS 調用服務 API 讀寫留言,數據存儲在第三方服務器。
偽靜態方案 (AJAX + 後端 API)
- 前端靜態頁面 + JS `fetch`/`axios` 調用後端 API (`/api/comments`)。
- 後端提供 RESTful API (Node.js/Go/Java/Python + 數據庫)。
- 部署:前端放 CDN/對象存儲,後端放雲服務器/Serverless (Vercel Functions, Cloudflare Workers)。
關鍵點
- 靜態頁面只負責展示與交互,數據持久化必須依賴後端服務。
- CORS 跨域配置、防刷機制 (CAPTCHA/限流) 需後端實現。