docs: update all docs with dev server, live reload, Juice inlining

- README.md: restructure Preview section into Static + Dev modes
  with feature comparison table; mention juice inlining and live reload
- CONTRIBUTING.md: update Development Setup with Go/Node.js
  requirements, static vs dev preview workflows, Juice reference
- AGENTS.md: add dev command to subcommand list, document
  tools/server/ directory, update Build Tool section
- docs/CONTRIBUTING.*.md (5 languages): add dev server section,
  Node.js requirement, live reload description
- docs/README.*.md (5 languages): add dev mode to Preview section
- docs/images/README.md: update capture instructions for dev server

Co-Authored-By: Claude Opus 4.8 <noreply@anthropic.com>
This commit is contained in:
KenanZhuandClaude Opus 4.8 committed 2026-06-04 13:58:15 +08:00
1 parent 13c49d2087
commit 7724b4806c
14 files changed
+168 -43

No files matched your search

+15 -4
View File
@@ -34,13 +34,24 @@
## 開發環境
無需建置工具或依賴。
- **Go 1.21+** 用於模板渲染與 CLI 工具
- **Node.js 18+**(可選)用於即時開發伺服器與 Juice CSS 內聯
### 本機預覽
### 本機預覽(靜態)
1. 先生成預覽資料:`cd tools && go run . preview all`
2. 在瀏覽器中開啟 `preview/index.html`
3. 在 Modern、Gmail、Outlook、Raw source 模式間切換驗證效果
2. 在瀏覽器中開啟 `preview/index.html` — 無需伺服器
> 靜態 Gmail/Outlook 模擬僅供參考,使用 dev 模式可獲得準確的 CSS 內聯渲染。
### 開發伺服器(即時重載 + CSS 內聯)
```bash
cd tools && go run . dev
# → http://localhost:3456
```
修改 `.tmpl` 檔案後自動重建並推送至瀏覽器。
### 整合測試