食譜集

安裝

整頁原始碼會落在 app/templates/recipe-collection/。也可以改用長效授權金鑰：在 components.json 的 registries 設定 Authorization: Bearer <key>，適合 CI 或多人共用的專案。使用範圍見授權條款。

包含的區段

同一套模板內的區段共用設計 token，所以抽換、重排之後配色、間距與動畫節奏仍然一致。可在區段組裝器裡挑選組合。

1. 1

   導覽列與本週精選

   頂部導覽列結合本週精選食譜的英雄區，含料理資訊徽章與漸層餐盤視覺。

   hero
2. 2

   分類探索

   以味覺分類的彩色漸層卡片網格，引導訪客依早餐、家常、烘焙、素食瀏覽。

   gallery
3. 3

   食譜圖鑑

   可依分類即時篩選的食譜卡網格，附評分、時間、份量與收藏互動。

   menu
4. 4

   跟著做

   單篇食譜示範，含可勾選的食材清單與編號步驟時間軸卡片。

   content
5. 5

   訂閱灶邊信

   深色電子報訂閱區塊，含電子郵件表單、送出成功狀態與訂閱人數社會證明。

   form
6. 6

   頁尾

   品牌標語、探索與支援連結欄，以及版權與社群圖示。

   footer