WebsitePublisher.ai

官方

直接透過 API 從任何 AI 用戶端發布完整網站，無需設定主機、內容管理系統或進行任何配置。

造訪 websitepublisher.ai試用此 MCP贊助

你可以用 WebsitePublisher Ai MCP 做什麼？

  • 列出專案並檢查狀態 — 請 AI 執行 list_projects 或 get_project_status，即可查看所有網站及其頁面數量與網域資訊。
  • 建立與編輯頁面 — 使用 create_page 建立新頁面，透過 update_page 取代內容，或利用 patch_page 進行局部修改。
  • 管理素材與片段 — 透過 upload_asset 上傳圖片或 CSS，再使用 create_fragment 與 update_fragment 在頁面間重複使用共用 HTML 區塊（如頁首）。
  • 處理動態資料 — 使用 create_entity 定義自訂實體類型，接著透過 create_record 與 list_records 新增及查詢記錄。
  • 還原頁面版本 — 以 get_page_versions 檢視版本歷史，並使用 rollback_page 還原至先前版本。
  • 設定整合與表單 — 透過 setup_integration 配置電子郵件、金流或 AI 服務，再以 configure_form 建立訪客表單。

文件

× 運作方式文件 快速入門 PAPI — 頁面與資源 MAPI — 動態資料 整合 SAPI — 工作階段與表單 MCP 伺服器 OpenClaw 技能工具 部署儀表板

MCP 伺服器線上版 — 55+ 工具

連接你的 AI，開始建置

從下方選擇你的 AI 平台，按照步驟操作，幾分鐘內就能開始建立網站。

ChatGPT OAuth Claude 應用程式 / OAuth Cursor MCP 設定 Copilot 原生 MCP Mistral 目錄 Copilot Studio 企業版 Windsurf 原生 MCP Gemini SDK Grok SDK

🔗 伺服器端點

MCP 伺服器 https://mcp.websitepublisher.ai

OpenAPI 規範 openapi.json

探索 .well-known/mcp.json

協定 可串流的 HTTP + JSON-RPC 2.0

驗證 OAuth 2.1（自動探索）或 Bearer 權杖

ChatGPT

OAuth

兩種基於 OAuth 的路徑，無需編寫程式碼（免費和 Plus 帳戶皆可使用）：我們的客製化 GPT，或已核准的 ChatGPT 應用程式。

選項 A 客製化 GPT

1

開啟我們的客製化 GPT

在 ChatGPT 中造訪 WebsitePublisher GPT。

2

在提示時登入

ChatGPT 會要求你授權。使用你的 WebsitePublisher 帳戶登入（或建立一個）。

3

開始建置

告訴 ChatGPT：「幫我建立一個作品集網站」— 它會處理一切。

選項 B ChatGPT 應用程式 建議

1

開啟 WebsitePublisher 應用程式

在 ChatGPT 的應用程式目錄中開啟 WebsitePublisher 應用程式。

2

連接並登入

新增應用程式，並在提示時使用你的 WebsitePublisher 帳戶登入（或建立一個）。

3

在聊天中啟用它，然後詢問：「幫我建立一個作品集網站」。

🛠️ 開發者： 使用我們的 OpenAPI 規範建立你自己的 GPT。

Claude

連接應用程式

三種連接方式：免費的 Connect 應用程式（桌面版）、客製化連接器（claude.ai），或手動 MCP 設定。

選項 A Connect 應用程式

1

下載 Connect 應用程式

下載 Mac、Windows 或 Linux 版本。

2

登入

開啟應用程式並使用 Google 或電子郵件登入。應用程式會自動設定 Claude 桌面版。

3

重新啟動 Claude 桌面版

完全退出並重新開啟。詢問：「列出我的 WebsitePublisher 專案」

選項 B 客製化連接器 建議

1

新增客製化連接器

在 claude.ai 中，前往設定 → 連接器 → 新增客製化連接器。輸入網址：https://mcp.websitepublisher.ai/

2

授權

在提示時使用你的 WebsitePublisher 帳戶登入。工具會立即在你的聊天中可用。

🌐 網頁連接器可在任何瀏覽器中運作 — 無需桌面應用程式或 Node.js。非常適合在外出時快速編輯。

選項 C 手動設定 進階

將此新增到你的 claude_desktop_config.json：

claude_desktop_config.json複製

{
  "mcpServers": {
    "websitepublisher": {
      "command": "npx",
      "args": ["-y", "mcp-remote", "https://mcp.websitepublisher.ai/"]
    }
  }
}

💡 首次使用時，會開啟瀏覽器視窗進行 OAuth 登入。之後，權杖會自動快取。

Mistral / Le Chat

目錄

WebsitePublisher.ai 是 Mistral 精選連接器目錄中的預先設定目錄連接器。無需網址或設定 — 只需搜尋、點擊新增，然後登入。

1

開啟連接器

前往 chat.mistral.ai。在側邊面板中，點擊智慧 → 連接器，然後點擊 + 新增連接器。

2

在目錄中尋找 WebsitePublisher

在連接器目錄中搜尋 "WebsitePublisher"。在 WebsitePublisher.ai 卡片上點擊新增。

3

使用 OAuth 登入

你將被重新導向以使用你的 WebsitePublisher 帳戶登入（或建立一個）。OAuth 會自動偵測 — 無需設定。

4

在你的聊天中啟用

在任何 Le Chat 對話中，點擊輸入框下方的工具按鈕（4 個方塊圖示）。確保 WebsitePublisher 已勾選，然後開始建置。

💡 專業提示： 前往連接器 → 我的連接器 → WebsitePublisher → 功能頁籤，將你常用的讀取功能切換為永遠允許。這會跳過頻繁操作（如列出頁面或專案）的權限提示。

⌨️ 開發者： 你也可以透過 Mistral API/SDK 使用 client.beta.connectors.create_async() 搭配伺服器網址 https://mcp.websitepublisher.ai/ 以程式化方式註冊 WebsitePublisher。

Cursor

MCP 設定

在 Cursor 中將 WebsitePublisher 新增為 MCP 伺服器。使用 mcp-remote 作為 OAuth 的橋接。

1

新增 MCP 設定

建立或編輯 ~/.cursor/mcp.json：

~/.cursor/mcp.json複製

2

重新啟動 Cursor

完全退出並重新開啟。在聊天面板中切換到代理模式（Ctrl+L → 代理切換）。

3

驗證

首次使用時，會開啟瀏覽器進行 OAuth。之後，權杖會被快取並與 Claude 桌面版共享。

💡 Cursor 和 Claude 桌面版透過 ~/.mcp-auth/ 共享 OAuth 權杖 — 如果其中一個已驗證，另一個也會是。

GitHub Copilot（VS Code）

原生 MCP

VS Code 1.101+ 支援原生遠端 MCP 並具備 OAuth 自動探索。無需橋接。

1

在你的工作區中建立 .vscode/mcp.json：

.vscode/mcp.json複製

{
  "servers": {
    "websitepublisher": {
      "type": "http",
      "url": "https://mcp.websitepublisher.ai/"
    }
  }
}

2

Copilot 會自動探索 OAuth。在瀏覽器開啟時登入。

3

在代理模式中使用

在 Copilot Chat 中切換到代理模式並開始建置。

💡 注意不同的格式："servers"（而非 "mcpServers"）和 "type": "http" + "url"。

Windsurf

原生 MCP

Windsurf 具備原生可串流 HTTP + OAuth 自動探索。無需橋接、無需 Node.js — 只需一個網址。

1

建立或編輯 ~/.codeium/windsurf/mcp_config.json：

~/.codeium/windsurf/mcp_config.json複製

{
  "mcpServers": {
    "websitepublisher": {
      "serverUrl": "https://mcp.websitepublisher.ai/"
    }
  }
}

2

啟用 MCP 伺服器

重新啟動 Windsurf。在 Cascade 面板中，啟用 WebsitePublisher MCP 伺服器。在要求開啟外部網站時點擊「允許」。

3

登入

OAuth 會自動進行。登入後，所有工具皆可使用。

🌟 Windsurf 是最簡潔的整合 — 無需橋接、無需 npx、無需 Node.js。

Microsoft Copilot Studio

企業版

使用 WebsitePublisher 功能建立客製化 copilot。透過 OAuth 整合到你的 Microsoft 365 環境中。

1

建立新的 Copilot

在 Copilot Studio 中，建立新的 copilot 或開啟現有的。

2

新增 MCP 連接器

前往設定 → 連接器 → 新增 MCP 連接器。輸入伺服器網址：https://mcp.websitepublisher.ai/

3

設定 OAuth

Copilot Studio 會自動探索 OAuth 設定。完成登入流程以授權。

4

啟用工具

選擇你的 copilot 應可存取的 WebsitePublisher 工具並發布。

⌨️ 開發者 SDK

對於 Gemini 和 Grok，你需要透過各自的 SDK 連接。這需要程式設計知識。

Gemini（Google AI SDK）

SDK

Google 的 Gemini SDK 內建 MCP 支援。透過 stdio 傳輸與 npx 搭配運作。

⚠️ MCP 僅可透過 Gemini API/SDK 使用。網頁應用程式（gemini.google.com）和 Gems 不支援外部 MCP 伺服器。

Python

終端機複製

pip install google-genai mcp

Python複製

import asyncio
from google import genai
from mcp import ClientSession, StdioServerParameters
from mcp.client.stdio import stdio_client

client = genai.Client(api_key="your_gemini_api_key")

server_params = StdioServerParameters(
    command="npx",
    args=["-y", "websitepublisher-mcp@latest"],
    env={"WPS_TOKEN": "wps_your_session_token_here"}
)

async def main():
    async with stdio_client(server_params) as (read, write):
        async with ClientSession(read, write) as session:
            await session.initialize()
            response = await client.aio.models.generate_content(
                model="gemini-2.5-flash",
                contents="List my WebsitePublisher projects",
                config=genai.types.GenerateContentConfig(
                    temperature=0,
                    tools=[session],
                )
            )
            print(response.text)

asyncio.run(main())

JavaScript

終端機複製

npm install @google/genai @modelcontextprotocol/sdk

JavaScript複製

import { GoogleGenAI, mcpToTool } from "@google/genai";
import { Client } from "@modelcontextprotocol/sdk/client/index.js";
import { StdioClientTransport } from "@modelcontextprotocol/sdk/client/stdio.js";

const transport = new StdioClientTransport({
    command: "npx",
    args: ["-y", "websitepublisher-mcp@latest"],
    env: { WPS_TOKEN: "wps_your_session_token_here" }
});

const mcpClient = new Client({ name: "my-app", version: "1.0.0" });
await mcpClient.connect(transport);

const ai = new GoogleGenAI({ apiKey: "your_gemini_api_key" });

const response = await ai.models.generateContent({
    model: "gemini-2.5-flash",
    contents: "Create a homepage for my portfolio",
    config: { tools: [mcpToTool(mcpClient)] }
});

console.log(response.text);

Grok（xAI API）

SDK

Grok 透過 xAI SDK 中的 remote_mcp 工具類型支援 MCP。

⚠️ MCP 僅可透過 xAI API/SDK 使用。Grok 網頁介面不支援客製化 MCP 伺服器。

終端機複製

pip install xai-sdk

Python複製

from xai_sdk import Client

client = Client(api_key="your_xai_api_key")

chat = client.chat.create(
    model="grok-4-1-fast",
    tools=[{
        "type": "remote_mcp",
        "server_url": "https://mcp.websitepublisher.ai",
        "server_label": "websitepublisher",
        "authorization": "wps_your_session_token_here"
    }]
)

response = chat.send("List my WebsitePublisher projects")
print(response.content)

🛠️ 可用工具（55+）

所有平台都可存取相同的核心工具。確切數量因專案而異 — 已設定的整合會自動新增動態工具：

專案

list_projects

列出你的所有專案

get_project_status

頁面/資源數量、網域

create_project

建立新專案（名稱、子網域）

頁面

list_pages

列出專案中的頁面

get_page

取得頁面 HTML + 版本資訊

create_page

建立新的 HTML 頁面

update_page

取代整個頁面

patch_page

使用 diff/patch 進行部分更新

delete_page

刪除頁面

版本控制

get_page_versions

包含差異的版本歷史記錄

rollback_page

回復到先前的版本

資源

list_assets

列出圖片、CSS、JS

upload_asset

透過 base64 或網址上傳

delete_asset

刪除資源

get_asset

讀取資源內容（JS、CSS、JSON、SVG）

patch_asset

對資源進行部分尋找取代編輯

實體（動態資料）

list_entities

列出實體類型

create_entity

定義新的實體類型

get_entity_schema

取得實體架構定義

update_entity

更新實體中繼資料

delete_entity

移除實體類型與資料

list_records

列出實體記錄

get_record

透過 ID 取得單一記錄

create_record

新增記錄

update_record

更新記錄

delete_record

刪除記錄

保險庫（密鑰）

vault_list_secrets

列出已儲存的密鑰金鑰

vault_store_secret

儲存加密的密鑰

vault_delete_secret

移除密鑰

整合

list_integrations

可用的整合

setup_integration

使用 API 金鑰設定

execute_integration

執行整合動作

remove_integration

移除整合設定

表單（SAPI）

configure_form

定義表單 + 伺服器動作

list_forms

列出已設定的表單

remove_form

刪除表單設定

片段

list_fragments

列出可重複使用的 HTML 片段

create_fragment

建立共享片段（頁首、頁尾…）

update_fragment

更新片段 — 所有頁面立即更新

delete_fragment

移除片段

追蹤

set_tracking_scripts

注入 GA、GTM、Pixel 等。

get_tracking_scripts

取得目前的追蹤設定

remove_tracking_scripts

移除所有追蹤指令碼

視覺化編輯器（WPE）

create_edit_session

為頁面開啟視覺化圖片編輯器

get_edit_session_changes

從編輯器工作階段取得待處理的變更

排程任務（AAPI）

create_scheduled_task

排程自動化重複任務

list_scheduled_tasks

列出所有排程任務 + 下次執行時間

delete_scheduled_task

移除排程任務

任務管理（TAPI）

list_tasks

列出專案任務與狀態

get_task

取得任務詳細資料 + 完成百分比

create_task

建立新任務

add_task_history

新增任務進度更新

get_task_history

取得完整任務歷史記錄

export_tasks

將所有任務匯出為 Markdown

訪客驗證與分析（SAPI）

configure_visitor_auth

設定訪客驗證

get_visitor_auth_config

取得訪客驗證設定

get_analytics

專案的訪客分析

get_integration_schema

取得完整整合架構 + 端點

🔗 動態整合工具

除了 55+ 個核心工具之外，WebsitePublisher 會根據你專案中已設定的整合動態產生額外的工具。每個整合都透過 execute_integration 公開自己的端點 — 無需額外的 MCP 工具。

涵蓋以下類別的 78 個整合：

AI

Anthropic、OpenAI、Gemini、Groq、Mistral、Replicate、ElevenLabs、Deepgram、Stability、Perplexity

電子商務

產品目錄、購物車、結帳、訂單、庫存、發票、折扣、評論、願望清單

付款

Stripe、Mollie、PayPal

電子郵件

Resend、SendGrid、Mailgun、SMTP、Mailchimp、Brevo、Kit

社群

LinkedIn、Twitter/X

訊息

Slack、Discord、Telegram、Twilio（簡訊 + WhatsApp）

運送

PostNL、SendCloud

CRM 與生產力

HubSpot、Notion、Linear、Todoist、Airtable、Supabase

媒體

Cloudinary、Unsplash、Pexels、Giphy、Imgur、Vimeo、YouTube

資料

Google Places、NewsAPI、OpenWeather、Overheid.io KVK、網頁爬蟲

平台

部落格、留言、流程、檔案下載、電子郵件範本、分析、Schema.org 等

開發與監控

GitHub、Sentry、Cal.com

📖 查看整合文件以取得包含端點和設定指南的完整清單。

💬 提示範例

這些可在任何平台上運作：

「列出我的 WebsitePublisher 專案」

「幫我建立一個包含關於和聯絡頁面的作品集網站」

「上傳這張圖片並將其新增到首頁主視覺區」

「顯示首頁的版本歷史記錄」

「將關於頁面回復到先前的版本」

🔧 疑難排解

ChatGPT：動作無法運作

確保你使用的是我們的官方客製化 GPT，而非手動建立的。嘗試重新整理 OAuth 連線。

Claude：工具未顯示

完全退出 Claude 桌面版（不僅僅是關閉視窗）並重新開啟。如果仍然遺失，請再次執行 Connect 應用程式以重新設定。### Cursor：工具未載入

請確認您處於 Agent 模式（而非 Ask 模式）。檢查 ~/.cursor/mcp.json 的設定是否正確。完全重新啟動 Cursor。

Windsurf：找不到 MCP 伺服器

新增設定後，重新啟動 Windsurf 並在 Cascade 面板中手動啟用 MCP 伺服器。這是 Windsurf 的安全設計 — 伺服器必須明確啟用。

GitHub Copilot：無法連線

請確認您使用的是 VS Code 1.101 以上版本。檢查設定是否使用 "servers"（而非 "mcpServers"）和 "type": "http"。在 Copilot Chat 中切換至 Agent 模式。

Mistral：聊天中未顯示工具

新增連接器後，請確認已在聊天中啟用它。點擊輸入框下方的 Tools 按鈕（四個方塊圖示），並檢查 WebsitePublisher 是否已切換為開啟。如果連接器未出現在目錄中，請嘗試搜尋「WebsitePublisher」（一個單字）。

Gemini / Grok：網頁應用程式無法運作

MCP 僅能透過這些平台的 SDK/API 使用。網頁介面不支援自訂 MCP 伺服器。請使用上述程式碼範例。

OAuth：瀏覽器未開啟

針對基於 mcp-remote 的設定（Claude、Cursor）：請確認 npx 能在您的終端機中正常運作。嘗試執行 npx -y mcp-remote --help 以進行驗證。

權杖已過期

OAuth 權杖在大多數平台上會自動重新整理。SDK 使用者：請從儀表板取得新的工作階段權杖。

💡 快速測試： 詢問您的 AI「列出我的 WebsitePublisher 專案」— 如果成功，表示您已連線！

📚 資源

⬇️ 連接應用程式 🎛️ 儀表板 🤖 支援的 AI 📄 OpenAPI 規格 🔍 探索 🐙 GitHub 儲存庫 🔌 MCP 協定 📖 PAPI 文件 🔗 整合