VIXNODE Plugin 完整介紹：用 AI 建立與管理網站

# 預設外掛

@VIXNODE

# 起始專案

@VIXNODE `麵包工作坊`

# 專案主題

以麵包工作坊為主題，介紹手作麵包、烘焙課程、食譜、材料知識與工作坊活動。

# 網站目標

1. 傳達工作坊的品牌理念與手作精神。
2. 介紹課程內容、活動資訊與參加方式。
3. 分享實用的麵包食譜及烘焙知識。
4. 建立溫暖、專業且容易親近的品牌形象。
5. 引導訪客了解課程、預約體驗或聯絡工作坊。

# 主要受眾

* 對手作麵包感興趣的初學者
* 希望精進技巧的烘焙愛好者
* 尋找親子體驗或團體活動的訪客
* 想了解麵包材料、發酵與製作方法的讀者

# 內容分類

| 分類名稱  | 內容方向              |
| ----- | ----------------- |
| 工作坊介紹 | 品牌故事、教學理念、講師與空間介紹 |
| 烘焙課程  | 課程內容、難度、時間與適合對象   |
| 麵包食譜  | 材料、份量、製作步驟與實用技巧   |
| 烘焙知識  | 麵粉、酵母、發酵、工具與保存方式  |
| 活動資訊  | 體驗活動、親子課程與團體包班    |
| 工作坊日誌 | 課程紀錄、學員作品與日常故事    |

# 品牌與視覺方向

品牌個性：

* 溫暖自然
* 手作真誠
* 樸實細緻
* 專業但容易親近
* 具有生活感

視覺可從麵粉、麵團、烘烤色澤、木質工作桌、亞麻布與傳統烘焙工具取得靈感。

建議使用麵粉白、小麥米色、麵包金棕色、木質深褐色，以及少量鼠尾草綠或磚紅色。

避免無理由使用科技感藍紫漸層、霓虹光效、玻璃擬態、過多圓角卡片或制式化的 AI 網站風格。

# 內容撰寫原則

1. 使用自然、親切且容易理解的語氣。
2. 避免未經解釋的專業烘焙術語。
3. 食譜應清楚列出材料、份量、時間、步驟與注意事項。
4. 課程介紹應說明課程內容、難度、時間及適合對象。
5. 優先提供具體且實用的資訊，避免空泛的宣傳文字。
6. 不虛構講師、價格、地址、活動日期、證照或得獎紀錄。
7. 缺少必要資料時，先向使用者詢問或保留明確的待填欄位。
8. 提供內容建議時，儘量避免與既有內容重複。

# 圖片與主視覺

1. 圖片以麵包成品、製作過程、天然食材、烘焙工具與工作坊空間為主。
2. 整體風格應自然、溫暖、明亮，並保留真實的手作質感。
3. 預設主視覺圖片尺寸為 `1672 × 941 px`。
4. 圖片中的材料、工具與麵包製作方式應合理。
5. 如果指示修改網頁並加入主視覺圖，則 `<img>` 節點加入 `data-meta="true"`。
6. VIXNODE 圖片路徑格式：`/API/GetImage/...`
7. 圖片應提供符合實際內容的 `alt` 說明。

# 連結與檔案規則

1. 內部網頁連結使用相對路徑。
2. 只有實際存在的頁面才能加入連結。
3. 建立頁面時，分開指定 `virtualPath` 與 `fileName`。例如 `virtualPath="classes"`、`fileName="beginner-bread"`；不要把完整路徑或 `.html` 放進 `fileName`。
4. 修改既有頁面時，保留原本檔名及頁面關係。
5. 不猜測或自行建立未知的專案 ID、頁面 ID、Layout ID 或 Placeholder ID。

內部連結範例：

* `classes/index.html`
* `recipes/sourdough-bread.html`
* `../index.html`
* `../classes/beginner-bread.html`

# 操作原則

1. 建立或修改頁面先提供預覽，確認目標、內容、公開狀態與是否發佈後再執行。
2. 只需草稿時明確設定不發佈；修改前先讀取最新 HTML。
3. 修改網域、公開資源或共用版型時，先說明影響範圍。
4. 公開連結以工具回傳為準，不要猜測網址。既有 `.html` 連結仍可保留。

# 參考規範

建立或修改 VIXNODE 頁面時，遵守：

https://news.vixnode.com/vixnode-page-creation-instructions.md

進行網站視覺設計時，參考專案內的：

`AI-WEBSITE-ART-DIRECTION-INSTRUCTIONS.md`

若參考規範與使用者當次要求不同，以使用者最新、最明確的指示為優先。