WebsitePublisher.ai

官方

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

造訪 websitepublisher.ai試用此 MCP贊助

你可以用 WebsitePublisher Ai MCP 做什麼？

  • 列出專案 — 請您的助理執行 list_projects 來查看所有 WebsitePublisher 專案及其目前狀態。
  • 建立與編輯頁面 — 使用 create_page、update_page 或 patch_page 來建立及修改專案中的 HTML 頁面。
  • 管理資產 — upload_asset 和 list_assets 可讓您新增及檢視圖片、CSS 和 JS 檔案。
  • 處理動態資料 — 使用 create_entity 定義實體類型，並透過 create_record 和 update_record 管理記錄。

文件

🔗 伺服器端點

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

OpenAPI 規格 openapi.json

探索 .well-known/mcp.json

協定 Streamable HTTP + JSON-RPC 2.0

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

三種連線方式。選項 A 最快 — WebsitePublisher 已列在 Anthropic 的 Connectors 目錄中，只需一鍵點擊，即可在每個 Claude 方案上使用，包含免費方案。選項 B 會為您設定 Claude Desktop，同時也設定 Cursor、Windsurf 和 VS Code。選項 C 是手動 MCP 設定。

1

在 Claude 中開啟清單

直接前往 WebsitePublisher 清單，或在 claude.ai 中開啟 Settings → Connectors 並搜尋 WebsitePublisher。無需貼上任何內容，也無需設定。

2

點擊 Connect 並授權

出現提示時，使用您的 WebsitePublisher 帳戶登入。工具會立即在您的聊天中可用。清單帶有 Community 徽章 — 這是 Anthropic 的審查等級，並非限制。

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

將此加入您的 claude_desktop_config.json：

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

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

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

1

新增 MCP 設定

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

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

2

重新啟動 Cursor

完全結束並重新開啟。在聊天面板中切換到 Agent 模式（Ctrl+L → Agent 切換）。

3

驗證

首次使用時，瀏覽器會開啟進行 OAuth。之後，token 會快取並與 Claude Desktop 共用。

💡 Cursor 和 Claude Desktop 透過 ~/.mcp-auth/ 共用 OAuth token — 如果其中一個已驗證，另一個也會自動驗證。

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

1

新增 MCP 設定

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

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

2

驗證

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

3

在 Agent 模式中使用

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

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

Windsurf 具備原生 Streamable HTTP + OAuth 自動探索功能。無需橋接、無需 Node.js — 只需一個 URL。

1

新增 MCP 設定

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

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

2

啟用 MCP 伺服器

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

🌟 Windsurf 是最乾淨的整合方式 — 無需橋接、無需 npx、無需 Node.js。

使用 WebsitePublisher 功能建置自訂 copilot。透過 OAuth 整合到您的 Microsoft 365 環境中。

1

建立新的 Copilot

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

2

新增 MCP 連接器

前往 Settings → Connectors → Add MCP connector。輸入伺服器 URL：https://mcp.websitepublisher.ai/

3

設定 OAuth

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

4

啟用工具

選擇您的 copilot 應可存取的 WebsitePublisher 工具，然後發佈。

⌨️ 開發者 SDK

對於 Gemini 和 Grok，您可以透過各自的 SDK 連線。這需要程式設計知識。

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

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

Python

pip install google-genai mcp

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

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 SDK 中的 remote_mcp 工具類型支援 MCP。

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

pip install xai-sdk

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

含 diff 的版本歷史記錄

rollback_page

回復到先前的版本

資產

list_assets

列出圖片、CSS、JS

upload_asset

透過 base64 或 URL 上傳

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（機密）

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

刪除表單設定

追蹤

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（SMS + WhatsApp）

運送

PostNL、SendCloud

CRM 與生產力

HubSpot、Notion、Linear、Todoist、Airtable、Supabase

媒體

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

資料

Google Places、NewsAPI、OpenWeather、Overheid.io KVK、Web Scraper

平台

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

開發與監控

GitHub、Sentry、Cal.com

📖 請參閱 整合文件 以取得完整清單，包含端點和設定指南。

💬 範例提示

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

🔧 疑難排解

ChatGPT：Actions 無法運作

請確認您使用的是我們的 官方 Custom GPT，而非手動建立的。嘗試重新整理 OAuth 連線。

Claude：工具未顯示

完全結束 Claude Desktop（不僅是關閉視窗）並重新開啟。如果仍然缺少，請再次執行 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 按鈕（4 個方塊圖示），並確認 WebsitePublisher 已開啟。如果連接器未出現在目錄中，請嘗試搜尋「WebsitePublisher」（一個詞）。

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

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

OAuth：瀏覽器未開啟

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

Token 已過期

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

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

📚 資源

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