Quartz Rules
發布網站前必須遵守。
技術棧
- 框架:Quartz 5(flowershow)
- 部署:GitHub Pages
- CI/CD:GitHub Actions
目錄結構
- Obsidian Vault → Quartz content/
- 設定檔:quartz.config.ts
- 元件:quartz/components/
部署流程
- 同步 Obsidian Vault → Quartz content/
- 執行
npx quartz build - 推送至 GitHub Pages
- 驗證部署結果
安全規範
- 敏感檔案(.env、API Key)禁止出現在 content/ 同步範圍
- .gitignore 排除:database/、scripts/、util/、temp/、ivan-notes/
Frontmatter 格式問題(Quartz YAML 解析)
問題:bad indentation of a mapping entry
原因:Quartz 使用的 YAML parser 對 frontmatter 格式要求嚴格。
常見錯誤模式:
-
summary 含特殊字元未加 quote
# 錯誤 summary: 2026-06-01 Summary:- Executed skill-name: completed task # 修正 summary: "2026-06-01 Summary - Executed skill-name, completed task" -
summary 含逗號後接空格+小寫字母
# 錯誤(Quartz 會誤判為 mapping entry) summary: "2026-06-01 Summary - Executed skill-name, completed backup of Hermes" # 修正:精簡內容或改用全形逗號 summary: "2026-06-01 Summary - Executed skill-name, completed backup" -
frontmatter 內含 wikilink
# 錯誤 related: - [[page-name]] # 修正:將 wikilink 移至 body -
title / description 含冒號未加 quote
# 錯誤 --- title:Awesome DESIGN.md description: VoltAgent 的 DESIGN.md 檔案集合,從真實網站萃取設計系統格式 summary: Awesome DESIGN.md 是 Google Stitch 設計系統格式的公司集合 --- # 修正 --- title: "Awesome DESIGN.md" description: "VoltAgent 的 DESIGN.md 檔案集合,從真實網站萃取設計系統格式" summary: "Awesome DESIGN.md 是 Google Stitch 設計系統格式的公司集合" ---
規則:
- title、description、summary 三個欄位永遠用 double quote 包裹
- summary 避免逗號後接空格+小寫字母的結構
- frontmatter 內禁止 wikilink、markdown 語法
部署經驗(2026-06-11)
系統配置
- 線上網址:https://evanhsia-git.github.io/quartz-site/
- Repo:https://github.com/evanhsia-git/quartz-site
- 本機原始碼:
/root/quartz(v5.0.0) - 部署觸發:push 到
main→ GitHub Actions 自動npx quartz build→ GitHub Pages
部署 workflow
官方標準流程:actions/checkout → setup-node@22 → npm ci → npx quartz build → upload-pages-artifact → deploy-pages@v4。權限需 pages: write 與 id-token: write。
踩雷記錄
- 舊 repo 用
npm add quartz@0.0.1是錯的:那是 npm 上不相干的廢棄套件,正確方式是 git clone 整個 repo。 - PAT 需
workflowscope:push 含.github/workflows/的變更會被拒。以gh auth refresh -s workflow補上。 - 敏感檔處理:
database/、scripts/等需排除在 repo 外。
✅ 驗證
gh auth statusToken scopes:repo,workflow,read:org,admin:public_key✓- 終端機直接 push workflow 成功 → GitHub Actions 自動部署 success ✓
相關連結