VIXNODE Plugin 將 VIXNODE 的網站建立與管理功能整合至 ChatGPT Plugins。連接帳戶後,你可以用自然語言建立網站、產生頁面、調整設計、管理圖片、檢查版本與設定 SEO。重要操作仍會保留授權、預覽與確認流程。
如何連接
- 開啟 VIXNODE Plugin。
- 點選連接。
- 登入並授權 VIXNODE 帳戶。
- 返回 ChatGPT,以自然語言提出需求。
連接流程使用 Dynamic Client Registration(DCR)處理應用程式註冊及授權。
21 項工具與 Prompt 範例
開啟新項目時,其他項目會自動收合。
查看目前連接的帳戶、方案與配額。
Prompt 範例
請告訴我目前連接的是哪一個 VIXNODE 帳戶。請查看我的 VIXNODE 方案與剩餘配額。列出目前帳戶可以存取的網站。
Prompt 範例
請列出我目前所有的 VIXNODE 網站。我想修改公司網站,請先讓我選擇網站專案。建立新的網站專案,執行前先確認名稱。
Prompt 範例
請幫我建立一個名為「森野咖啡官方網站」的新網站。我要為九月的新品發表會建立一個獨立網站專案。列出指定網站內的頁面。
Prompt 範例
請列出「森野咖啡官方網站」目前有哪些頁面。我要修改聯絡我們頁,請先顯示這個網站的頁面列表。跨網站搜尋及定位頁面。
Prompt 範例
請幫我找出哪個網站裡有「2026 夏季活動」頁面。我忘記產品介紹頁在哪個專案,請幫我找出來。取得參考主題、風格與配色。
Prompt 範例
我想使用現代科技風格,請先顯示適合的參考主題。請提供幾個適合精品咖啡品牌的網站風格讓我選擇。依提示、圖片、主題或自訂風格產生新頁面。
Prompt 範例
請建立首頁,包含品牌主視覺、品牌故事、精選商品及立即購買按鈕。
請建立關於我們頁,並沿用目前網站風格。
建立多頁網站
建立多頁網站時,建議先列出所有頁面,建立並確認共用的主要版型,再逐頁加入內容。只有文章、產品、案例或文件等頁面群組需要相同額外結構時,才需要建立子版型。每次套用前應檢查共用導覽、內部連結、桌面版與行動版。
取得頁面目前最新的編輯內容。
Prompt 範例
修改首頁前,請先讀取目前最新的頁面內容。請查看聯絡我們頁現在的結構和文字。修改文字、圖片、結構或視覺設計,確認後發布。
Prompt 範例
請把首頁主標題改成「每天,從一杯好咖啡開始」,其他內容保持不變。請在服務頁加入方案比較和常見問題區塊。查看訪客目前實際看到的版本。
Prompt 範例
請查看首頁目前已發布的內容。請比較編輯中的版本和正式發布版本是否一致。列出歷史版本及修改時間。
Prompt 範例
請列出首頁最近的版本紀錄。我想找出昨天修改前的版本,請查看頁面歷史。取得特定歷史版本的完整內容。
Prompt 範例
請打開首頁昨天上午的版本。我想恢復修改前的文案,請先顯示上一個版本。比較版本並整理新增、移除或修改內容。
Prompt 範例
請比較首頁最新兩個版本,並用白話整理修改內容。請找出哪一次修改造成導覽列消失。顯示已上傳圖片並供使用者選取。
Prompt 範例
請開啟網站圖片庫,讓我挑選首頁主視覺。請讓我從圖片庫選擇三張產品照片。預覽圖片庫中的單一圖片或縮圖。
Prompt 範例
請預覽圖片庫中的首頁主視覺。請確認我選擇的是不是深色背景的品牌 Logo。將圖片加入素材庫;大型圖片優先由平台上傳。
Prompt 範例
我已上傳主視覺,請把提供的圖片路徑套用到首頁。請使用我提供的圖片路徑取代目前三張商品圖。讀取標題、Meta Description 與 JSON-LD。
Prompt 範例
請檢查首頁目前的 SEO 標題和說明。請查看產品頁是否已經加入結構化資料。取得 Article、FAQPage、Product 等 JSON-LD 範例。
Prompt 範例
請提供適合這篇文章的 Article 結構化資料範例。我要替常見問題頁加入 FAQPage,請先產生範例。修改 SEO 與 JSON-LD,確認後發布。
Prompt 範例
請為首頁撰寫 SEO 標題和 Meta Description,先讓我確認。請為這篇文章建立 Article JSON-LD,列出完整內容後再詢問我。讀取公開網址的 HTML 並分析結構。
Prompt 範例
請分析這個參考網址的內容區塊與資訊順序,但不要複製文字。請查看這個公開頁面的 HTML,整理主要版面結構。取得功能說明、步驟及常見問題。
Prompt 範例
請查詢 VIXNODE 如何建立自訂網域。請查看 VIXNODE 的 SEO、版本紀錄和資源檔案管理指引。圖片上傳建議
強力建議使用 VIXNODE 的上傳介面或平台手動上傳圖片。
直接透過 ChatGPT 傳送大型圖片,可能消耗較多 ChatGPT 額度。
完成上傳後,再將圖片路徑交給 AI 套用到指定區塊。
下載 VIXNODE 建站資源
可將以下指引加入 ChatGPT 專案,或在新的對話中作為資料來源,提升生成穩定性、版型正確性與視覺成果的一致性。
VIXNODE 頁面建立指引
協助 ChatGPT 正確處理頁面類型、版型關係、識別碼、預覽與確認流程。
AI 網站藝術指導規範
提供視覺方向、品牌調性與網站藝術指導參考,協助產生更具一致性的設計成果。
若參考規範與使用者當次要求不同,應以使用者最新、最明確的指示為優先。套用前仍應檢查目標網站、頁面、版型、內容與影響範圍。
ChatGPT 專案設定上下文
以下範例可加入 ChatGPT 專案指示或作為對話中的專案上下文,讓 VIXNODE 在後續規劃內容、設計頁面與套用圖片時遵循一致規則。
# 預設外掛
@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. 建立頁面時,透過 `filename` 指定完整檔案路徑。
4. 修改既有頁面時,保留原本檔名及頁面關係。
5. 不猜測或自行建立未知的專案 ID、頁面 ID、Layout ID 或 Placeholder ID。
內部連結範例:
* `classes/index.html`
* `recipes/sourdough-bread.html`
* `../index.html`
* `../classes/beginner-bread.html`
# 參考規範
建立或修改 VIXNODE 頁面時,遵守:
https://news.vixnode.com/vixnode-page-creation-instructions.md
進行網站視覺設計時,參考專案內的:
`AI-WEBSITE-ART-DIRECTION-INSTRUCTIONS.md`
若參考規範與使用者當次要求不同,以使用者最新、最明確的指示為優先。
注意事項
- 執行前確認網站、頁面與視覺來源。
- 修改前讀取最新內容並說明影響範圍。
- 圖片優先由平台上傳,再提供路徑。
- 先看預覽,再同意套用或發布。
- SEO 發布前檢查標題、說明與 JSON-LD。
