WebsitePublisher.ai

官方

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

造訪 websitepublisher.ai試用此 MCP贊助

你可以用 WebsitePublisher Ai MCP 做什麼？

  • 管理專案與頁面 — 請您的助理列出專案、建立頁面，或更新頁面內容，以及 。
  • 處理資產與版本控制 — 上傳圖片或 CSS、檢視頁面版本歷史紀錄，並還原變更，以及 。
  • 設定表單與追蹤 — 設定伺服器端表單、注入分析腳本，或管理訪客驗證，以及 。
  • 透過整合自動化 — 搜尋 100 多個可用的整合項目，使用 API 金鑰進行設定，並透過 和 execute_integration 執行其操作。
  • 排程與管理工作 — 建立週期性自動化任務、列出排定的執行項目，並透過 和 tasks 追蹤任務歷史紀錄。

文件

🔗 伺服器端點

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 Directory 中，因此只需一鍵點擊，即可在每個 Claude 方案上使用，包含免費方案。選項 B 會為您設定 Claude Desktop，同時也設定 Cursor、Windsurf 和 VS Code。選項 C 是手動 MCP 設定。

1

在 Claude 中開啟清單

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

2

點擊連線並授權

出現提示時，使用您的 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 伺服器。Cursor 原生支援 OAuth — 無需橋接器或 Node.js。

1

新增 MCP 設定

建立或編輯 ~/.cursor/mcp.json（所有專案），或 .cursor/mcp.json 在您的專案資料夾中：

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

2

重新啟動 Cursor

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

3

驗證

首次使用時，Cursor 會開啟您的瀏覽器以登入 WebsitePublisher。登入後，您會自動被送回 Cursor，且工具即可使用。

💡 仍在使用舊版的 npx mcp-remote 設定？它仍可運作，但上述的 url 設定更簡單，且不需要 Node.js。

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"。

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

1

新增 MCP 設定

建立或編輯 ~/.config/devin/mcp_config.json（Windows：%APPDATA%\devin\mcp_config.json），或從 Cascade 面板開啟：… 選單 → MCPs → 開啟 MCP 設定檔：

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

2

啟用 MCP 伺服器

重新啟動 Devin Desktop。在 Cascade 面板（… 選單 → MCPs）中，啟用 WebsitePublisher MCP 伺服器。當詢問是否開啟外部網站時，點擊「允許」。

🌟 Devin Desktop 是最乾淨的整合 — 無需橋接器、無需 npx、無需 Node.js。

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

1

建立新的 Copilot

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

2

新增 MCP 連接器

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

3

設定 OAuth

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

4

啟用工具

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

⌨️ 開發者 SDK

Gemini 和 Grok 都可透過自訂連接器直接在其網頁應用程式中運作。開發者也可以透過 Gemini SDK 或 xAI API 連線。

在 Gemini 應用程式中將 WebsitePublisher 新增為自訂應用程式。Gemini 會自行註冊並透過 OAuth 處理登入 — 無需 API 金鑰。

ℹ️ Google 目前僅向美國的個人 Google 帳戶（年滿 18 歲）提供自訂應用程式，且 Gemini 需設定為英文並開啟 Keep Activity。公司或學校帳戶：請參閱下方的 Gemini Enterprise。

1

新增自訂應用程式

在 gemini.google.com 上，開啟 設定 → 已連線的應用程式，並新增一個 MCP 伺服器 URL 為 https://mcp.websitepublisher.ai 的自訂應用程式。

3

開始建置

在 Gemini 聊天中詢問：「使用 WebsitePublisher，列出我的專案。」 該應用程式也可在 Spark 的網頁和行動版中運作。

🏢 Gemini Enterprise： Google Workspace 管理員為組織新增 https://mcp.websitepublisher.ai 作為自訂 MCP 伺服器；然後團隊成員使用自己的 WebsitePublisher 帳戶連線。

開發者：Gemini SDK

Google 的 Gemini SDK 透過 stdio 傳輸和 npx 內建 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-3.6-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-3.6-flash",
    contents: "Create a homepage for my portfolio",
    config: { tools: [mcpToTool(mcpClient)] }
});

console.log(response.text);

Grok

連接器

在 grok.com 上將 WebsitePublisher 新增為自訂連接器。Grok 會透過 OAuth 處理登入。

1

新增自訂連接器

在 grok.com 上，開啟 設定 → 連接器，並新增一個 URL 為 https://mcp.websitepublisher.ai 的自訂連接器。

3

開始建置

在 Grok 聊天中詢問：「使用 WebsitePublisher，列出我的專案。」

💡 Grok Business / Enterprise：團隊管理員必須先新增連接器，團隊成員才能使用。

開發者：xAI API

Grok 也支援透過 xAI SDK 中的 remote_mcp 工具類型使用 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)

🛠️ 可用工具（45 個）

所有平台都可存取相同的核心工具，且共同涵蓋完整技術棧：頁面和資產、資料、表單、驗證（管理員、租戶和訪客）、整合和保險庫、排定任務和專案歷史。確切數量因專案而異 — 已設定的整合會自動新增動態工具：

專案

get_started

從這裡開始 — 回傳您的專案和確切的下一個呼叫

get_skill

建置模式、設計指南、上線檢查清單

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 或 URL 上傳

delete_asset

刪除資產

get_asset

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

patch_asset

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

實體（動態資料）

entities

實體類型：列出、建立、取得 schema、更新、刪除（基於操作）

records

實體列：列出、取得、建立、更新、刪除（基於操作）

保險庫（機密）

vault_list_secrets

列出已儲存的機密金鑰

vault_store_secret

儲存加密的機密

vault_delete_secret

移除機密

整合

list_integrations

可用的整合

search_integrations

依您想做的事尋找整合（100+ 可用）

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）

tasks

包含歷史的任務：列出、取得、建立、add_history、搜尋、匯出（基於操作）

訪客驗證與分析（SAPI）

configure_visitor_auth

設定訪客驗證

get_visitor_auth_config

取得訪客驗證設定

get_analytics

專案的訪客分析

get_integration_schema

取得完整的整合 schema + 端點

🔗 動態整合工具

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

124 個整合可用，涵蓋以下類別：

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：未使用 WebsitePublisher

如果 ChatGPT 自行回答（例如在聊天中顯示未發佈到任何地方的頁面預覽），請在訊息開頭加上 @WebsitePublisher。如果應用程式仍未回應，請檢查它是否已在您的 ChatGPT 設定中連線，並重新連線以重新整理 OAuth 登入。使用 Custom GPT？請確保是我們的官方 Custom GPT，而非手動建立的。

Claude：工具未顯示

完全結束 Claude Desktop（不僅是關閉視窗）並重新開啟。如果仍然缺少，請再次執行 Connect 應用程式以重新設定。

Cursor：工具未載入

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

Devin Desktop（Windsurf）：找不到 MCP 伺服器

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

GitHub Copilot：無法連線

確保您使用的是 VS Code 1.101+。檢查設定是否使用 "servers"（而非 "mcpServers"）和 "type": "http"。在 Copilot Chat 中切換到 Agent 模式。

Mistral：工具未在聊天中顯示

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

Gemini：「新增自訂應用程式」不可用

自訂應用程式目前僅限於美國的個人帳戶，且 Gemini 需設定為英文。公司或學校帳戶需透過 Gemini Enterprise（管理員設定）。其他所有人可使用上述的 SDK 途徑。

Grok：已連線，但沒有工具

移除連接器並重新新增。確保 WebsitePublisher 登入頁面確實出現 — 如果 Grok 顯示「已連線」但未要求您登入，工具將不會載入。

OAuth：瀏覽器未開啟

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

Token 已過期

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

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

📚 資源

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