MCP(Model Context Protocol)就像您的 AI 助理與 Kanorio 之間的翻譯官。連上之後,您不需要自己在後台逐一點選,只要在 ChatGPT、Claude 或 Cursor 裡用白話說:「幫我開一個手作烘焙坊的官網,首頁放主視覺、三張招牌麵包介紹和常見問題,先存草稿讓我檢查」,AI 就會替您在 Kanorio 完成。
https://app.kanorio.com/api/mcp依您手上的工具,連接方式分為兩種:
| 您使用的工具 | 連接方式 | 怎麼運作? | 下一步 |
|---|---|---|---|
| ChatGPT、Claude、Gemini、Zapier、Make | 授權連結(免建金鑰) | 在工具內貼上伺服器網址,瀏覽器會跳到 Kanorio 授權頁,您按「允許」即完成,憑證由工具自動保管與更新 | 方法一:用授權連結連接 |
| Cursor、Claude Code、GitHub Copilot、Windsurf、Perplexity、n8n、自寫程式 | 貼 API 金鑰 | 在 Kanorio 建立一把 knr_pat_ 金鑰,直接複製系統產生的設定片段貼進工具 | 方法二:用 API 金鑰連接 |
如果不確定手上的工具屬於哪一種,可以直接前往「帳號設定 › API 存取」點選「建立金鑰」:第一步就是選擇工具,若選到支援授權連結的工具,畫面會直接提供伺服器網址,不會多建一把金鑰。
兩種接法的安全規則完全相同:AI 能做的事永遠不會超過您授予的權限,也不會超過您在該網站的成員角色。
適用於 ChatGPT、Claude、Gemini、Zapier、Make 等內建「連接器(Connectors)」的工具。以下以 ChatGPT 與 Claude 為例:
Kanorio,MCP 伺服器網址填 https://app.kanorio.com/api/mcp,驗證方式選 OAuth。Kanorio 與網址 https://app.kanorio.com/api/mcp。儲存後,瀏覽器會開啟 Kanorio 的授權同意頁:
使用途中跳出第二次授權頁? 如果您一開始用預設的「編輯內容」權限連上,後來在對話中請 AI「幫我發布網站」或「綁定網域」,AI 助理會自動帶您回到授權頁補上缺少的權限(新增項目旁會標示「新增」)。確認無誤按「允許」即可繼續。關於授權畫面的完整說明與如何解除連線,請見。
Gemini 使用限制提醒:Google 目前將 Gemini 網頁版的「自訂應用」限定於美國地區、18 歲以上且使用英文介面的個人帳號;Gemini 企業版(Enterprise)因要求預先註冊固定的客戶端密鑰,暫時無法連接 Kanorio。
適用於 Cursor、Claude Code、GitHub Copilot(VS Code)、Windsurf、Perplexity、n8n 與自建程式。
金鑰建立成功的畫面會直接產生一段已填入您的金鑰與伺服器網址的設定,點選「複製設定」貼到對應位置即可:
| 您選的工具 | 成功畫面提供的格式 | 貼到哪裡 |
|---|---|---|
| Cursor | .cursor/mcp.json 設定內容 | 專案根目錄的 .cursor/mcp.json,或「Cursor 設定 › MCP」 |
| Claude Code | 一行 claude mcp add 指令 | 直接在電腦終端機(Terminal)貼上執行,可用 claude mcp list 確認連線 |
| GitHub Copilot | .vscode/mcp.json 設定內容 | 專案的 .vscode/mcp.json,存檔後重新載入 VS Code |
| Perplexity | 伺服器網址 + API 金鑰 | 開啟 Perplexity「設定 › 連接器 › 自訂連接器」,網址填 https://app.kanorio.com/api/mcp,驗證方式選「API Key」並貼上金鑰,傳輸方式選 Streamable HTTP |
| Windsurf、n8n | 網址 + Authorization Header | 貼入該工具的 MCP 或 HTTP 連線設定 |
| 其他工具 | 可切換 Cursor/Claude Code/通用三種分頁 | 依工具支援的格式貼入 |
Cursor 設定檔(.cursor/mcp.json)範例:
{ "mcpServers": { "kanorio": { "url": "https://app.kanorio.com/api/mcp", "headers": { "Authorization": "Bearer knr_pat_您的金鑰" } } } }
Claude Code 終端機指令範例:
claude mcp add --transport http kanorio https://app.kanorio.com/api/mcp \ --header "Authorization: Bearer knr_pat_您的金鑰"
不想把金鑰寫進電腦設定檔? Cursor 與 Claude Code 也支援改走「授權連結」:在 Cursor 設定中省略
headers欄位,或在 Claude Code 指令中省略--header參數。第一次使用時工具會自動打開瀏覽器,帶您到 Kanorio 授權頁按「允許」。 由於這類工具是在您的電腦本機執行,授權頁會出現黃色的「無法確認身分」提示並說明「完成後會回到您這台裝置上的程式」,只要確認是您本人剛在工具裡發起的連線,即可放心按「允許」(詳見)。
讓 AI 操作網站前,建議先掌握哪些動作有「草稿緩衝」:
為了保護您的帳號安全、財務與客戶隱私,以下操作在系統底層直接禁止透過 AI 或 API 執行,即使金鑰選了「完整管理」也無法呼叫,必須由您本人在 Kanorio 後台操作:
連上後 AI 可呼叫以下 17 類能力(右側工具名稱供工程師或在 Cursor/Claude 內檢視呼叫紀錄時對照):
| 功能領域 | AI 能替您完成的事 | MCP 工具名稱 |
|---|---|---|
| 認識模組規格 | 查詢 Kanorio 支援的所有模組類型、欄位格式與排版建議 | sections_describe |
| 網站建立與狀態 | 列出網站、查看方案與發布狀態、讀取可視化網站結構樹(頁面階層、模組組成與商店/部落格統計)、從零建立空白站或啟動 AI 精靈建站、查詢 AI 建站進度 | sites_list、sites_get、sites_structure、sites_create、jobs_get |
| 網站外觀與設定 | 讀取網站設定(含唯讀的網站幣別);修改品牌色、字體、圓角、版面密度、深淺色模式與內容語言 | site_get_settings、site_update_settings |
| 頁首、頁尾與全站按鈕 | 讀取與改寫主要頁首導覽列、頁尾;設定全站共用按鈕(CTA)、品牌社群連結與全站麵包屑導覽開關 | globals_get、globals_replace_header、globals_replace_footer、globals_update_site_settings |
| 頁面與模組內容 |
AI 助理按照以下 7 個步驟工作時最順暢(這套順序也已內建在 sections_describe 的引導說明中,AI 會自動遵循):
.kanorio.com 免費子網域名稱)。您可以直接複製以下指令貼給 ChatGPT、Claude 或 Cursor,再把括號裡的文字換成您的品牌資訊:
範例一:從零建立品牌官網(先存草稿)
請幫我在 Kanorio 建立一個新的品牌網站: - 品牌名稱:【拾光手作烘焙】 - 產業與簡介:【酸種麵包與法式常溫甜點工作室,主打天然魯邦種低溫慢發酵,提供線上預訂與門市自取】 - 風格與配色:【溫暖的大地赤陶色系、柔和圓角、淺色背景】 - 主要行動按鈕:【立即預訂自取(連結先填 https://instagram.com/example)】 請幫我規劃並建立「首頁」與「關於我們」兩頁,圖片先幫我從免費圖庫挑選合適的烘焙與麵包照片,完成後更新頁首導覽列並保留為草稿,等我預覽確認後再發布。
範例二:改寫現有頁面並優化 SEO
請讀取我在 Kanorio 的【拾光手作烘焙】網站: 1. 查看「首頁」目前的模組內容,幫我把文字改寫得更具體有吸引力,並在頁面下半部加入一個「常見問題(FAQ)」模組(包含保存方式、預訂取貨時間、過敏原說明 4 題問答)。 2. 幫我檢查並更新全站所有頁面的 SEO 搜尋標題與描述。 請先存成草稿,不要直接發布,並告訴我你改了哪些地方。
範例三:我有照片,請幫我換上並寫一篇部落格草稿
我想在 Kanorio 的【拾光手作烘焙】網站新增一篇介紹「秋季栗子酸種麵包上市」的部落格文章,同時想把首頁主視覺換成我剛拍好的新照片。請先給我一個上傳照片的連結,等我傳好照片後再幫我換圖並建立文章草稿。
這是最常遇到的問題:為什麼我在 ChatGPT 或 Claude 對話框裡直接貼了照片,AI 卻沒辦法放到網站上?
因為基於安全限制,ChatGPT、Claude 等聊天工具只會讓 AI「看見」您貼在對話框裡的圖片,不會把原始圖片檔案傳給 Kanorio。因此當網站需要圖片時,AI 會自動依您的情況走以下四條路徑之一,您只要照著 AI 的提示操作即可:
| 您的情況 | AI 會怎麼幫您處理? | 格式與限制 |
|---|---|---|
| 1. 您手邊有自己的照片檔案(最推薦) | 跟 AI 說「我有照片要上傳」,AI 會呼叫 media_create_upload_link 並給您一個專屬上傳網址。用手機或電腦點開網址、選好照片上傳,完成後回對話框說「傳好了」,照片就會直接進入網站媒體庫供 AI 使用。 | 連結 15 分鐘內有效、每次最多 20 張(預設 10 張);單張上限 10 MB,支援 JPEG、PNG、WebP、GIF、HEIC(iPhone 原況照片會自動轉檔)。 |
| 2. 您已經有公開的圖片網址 | 直接把 https:// 開頭的圖片網址貼給 AI,AI 會將圖片下載並轉存到您的網站媒體庫。 | 單張上限 40 MB,支援 JPEG、PNG、WebP、GIF、SVG、HEIC。 |
| 3. 您有舊網站或公開網頁想搬圖過來 | 把舊網站的網址貼給 AI,AI 會先列出該網頁上的封面、Logo 與內容圖片讓您挑選,並向您確認「這些圖片是否為您本人擁有或已取得授權」,確認後才會轉存進媒體庫。 | 需為公開可讀取的網頁;Instagram、Facebook 等需登入的頁面無法直接抓取,請改用第 1 種上傳連結。 |
| 4. 您目前還沒有照片 | AI 會自動搜尋 Pexels 與 Pixabay 免費商用圖庫,挑選合適的照片轉存進媒體庫,並主動告知您哪些地方使用了圖庫照片,方便您日後替換。 | 皆為可商用、免標示來源的合法圖庫;AI 不會將圖庫照片拿來當作您的品牌 Logo。 |
media_trash)。移至回收桶的檔案會立即停止在網站上顯示,但仍計入儲存空間,30 天內隨時可請 AI 或在後台復原(media_restore);若確定不再需要、想立即釋放空間,可請 AI 永久刪除(media_purge,若網站仍有頁面用到該圖,AI 會先向您確認)。數位商品下載檔受保護,無法直接移至回收桶。sites_create 的 brief 模式)」時,會與您在後台操作一樣使用帳號的 AI 點數與每日建站次數;免費版的公開頁面數、每頁可見模組數等限制也完全相同(詳見)。請依序檢查三個地方:
建立新網站需要金鑰或授權的網站範圍設為「全部網站(含未來新增)」。如果當時只勾選了特定現有網站,AI 就無法建立新網站。請到「帳號設定 › API 存取」編輯金鑰(或重新授權應用),將網站範圍改為「全部網站」。
修改網站幣別會影響整間商店所有商品的計價單位並受收款金流限制;修改商品價格與規格則直接影響買家結帳金額。為避免 AI 誤改造成營業損失,這兩項設定必須由您本人在後台「網站設定 › 一般」與「商店 › 商品」手動操作。
列出、讀取、新增、刪除頁面(支援最多 3 層 parentSlug 子頁與 subtree/lift-children 刪頁模式);改標題、網址(自動建立 301 轉址)、麵包屑覆寫、顯示狀態與 SEO;調整頁面順序;整頁改寫模組草稿 |
pages_list、pages_get、pages_create、pages_update、pages_reorder、pages_delete、pages_replace_sections |
| 版本紀錄與還原 | 列出網站草稿或部落格文章過去 30 天的版本紀錄、讀取單一版本快照,並還原單一頁面或整份草稿(還原前自動留存備份) | revisions_list、revisions_get、revisions_restore |
| 圖片與媒體庫 | 查看媒體庫與空間用量、查看單一檔案用在網站哪些地方、上傳圖片、替圖片換上新版本(用到這張圖的地方一起更新)、產生 15 分鐘公開上傳連結收照片、搜尋與匯入免費商用圖庫、列出您舊網站上的圖片、將檔案移至回收桶/從回收桶復原/永久刪除 | media_list、media_get、media_upload、media_replace、media_create_upload_link、media_upload_link_status、media_search_stock、media_import_stock、media_list_page_images、media_trash、media_restore、media_purge |
| 部落格 | 列出、讀取、建立與修改文章草稿;發布與下架文章;查看文章分類與標籤 | posts_list、posts_get、posts_create、posts_update、posts_publish、posts_unpublish、blog_categories_list、blog_tags_list |
| 建立與修改自訂集合結構(17 種欄位型別與 JSON);列出、篩選、新增、更新、刪除、發布/取消發布與批次寫入集合項目;查詢與設定 的允許來源(需「管理資料集合」或「管理網站基本設定」權限) | collections_list、collections_get、collections_create、collections_update、collections_delete、items_list、items_get、items_create、items_update、items_delete、items_publish、items_unpublish、items_bulk_create、items_bulk_update、site_get_allowed_origins、site_update_allowed_origins |
| 線上表單 | 查看線上表單題目設定與收到的回覆內容(唯讀,不含附件下載) | forms_list、forms_get、submissions_list、submissions_get |
| 顧客與分眾 | 查看聯絡人與消費摘要、手動新增單筆聯絡人、更新聯絡人標籤與備註、查看分眾人數 | contacts_list、contacts_get、contacts_add、contacts_update_tags_note、segments_list |
| 商店商品 | 查看商品與分類、新增或修改商品基本資料與圖片、封存商品 | products_list、products_get、products_create、products_update、products_archive、product_categories_list |
| 商店訂單 | 查看訂單明細與出貨狀態摘要(唯讀) | orders_list、orders_get |
| 電子報 | 查看電子報列表、建立或修改電子報草稿(不可直接寄出或排程) | campaigns_list、campaigns_create_draft、campaigns_update_draft |
| 數據分析 | 查詢網站流量與轉換總覽、熱門頁面與來源管道,以及搜尋引擎與 AI 爬蟲造訪統計(唯讀) | analytics_overview、analytics_pages、analytics_bots |
| 發布與下線 | 將網站草稿發布上線,或將網站暫時下線(下線僅限網站擁有者) | site_publish、site_unpublish |
| 自訂網域 | 查詢已綁定網域、重新檢查 DNS/SSL 生效狀態、設定主要與次要自訂網域 | domains_list、domains_status、domains_bind |