WebsitePublisher.ai
官方通过API直接从任何AI客户端发布完整网站,无需设置托管、CMS或配置。
你可以用 Website Publisher 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 中,前往 设置 → 连接器 → 添加自定义连接器。输入 URL: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 精选连接器目录中的一个预配置目录连接器。无需 URL 或配置 — 只需搜索、点击添加并登录。
1
打开连接器
前往 chat.mistral.ai。在侧边面板中,点击 智能 → 连接器,然后点击 + 添加连接器。
2
在目录中找到 WebsitePublisher
在连接器目录中搜索 "WebsitePublisher"。在 WebsitePublisher.ai 卡片上点击 添加。
3
使用 OAuth 登录
你将被重定向以使用你的 WebsitePublisher 账户登录(或创建一个)。OAuth 会被自动检测 — 无需设置。
4
在聊天中启用
在任何 Le Chat 对话中,点击输入框下方的 工具 按钮(四个方块图标)。确保 WebsitePublisher 已勾选,然后开始构建。
💡 专业提示: 前往 连接器 → 我的连接器 → WebsitePublisher → 功能选项卡,为你常用的读取功能切换 始终允许。这将跳过频繁操作(如列出页面或项目)的权限提示。
⌨️ 开发者: 你也可以通过 Mistral API/SDK 使用 client.beta.connectors.create_async() 和服务器 URL https://mcp.websitepublisher.ai/ 以编程方式注册 WebsitePublisher。
Cursor
MCP 配置
在 Cursor 中将 WebsitePublisher 添加为 MCP 服务器。使用 mcp-remote 作为 OAuth 的桥梁。
1
添加 MCP 配置
创建或编辑 ~/.cursor/mcp.json:
~/.cursor/mcp.json复制
2
重启 Cursor
完全退出并重新打开。在聊天面板中切换到 Agent 模式(Ctrl+L → Agent 切换)。
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
在 Agent 模式下使用
在 Copilot Chat 中切换到 Agent 模式并开始构建。
💡 注意格式不同:"servers"(不是 "mcpServers")和 "type": "http" + "url"。
Windsurf
原生 MCP
Windsurf 具有原生可流式 HTTP + OAuth 自动发现功能。无需桥梁,无需 Node.js — 只需一个 URL。
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 功能的自定义智能助手。通过 OAuth 集成到你的 Microsoft 365 环境中。
1
创建新的 Copilot
在 Copilot Studio 中,创建一个新的 copilot 或打开一个现有的。
2
添加 MCP 连接器
前往 设置 → 连接器 → 添加 MCP 连接器。输入服务器 URL: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 或 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_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:在 Web 应用中无法使用
对于这些平台,MCP 仅通过 SDK/API 工作。Web 界面不支持自定义 MCP 服务器。请使用上面的代码示例。
OAuth:浏览器未打开
对于基于 mcp-remote 的设置(Claude、Cursor):请确保 npx 在您的终端中正常工作。尝试运行 npx -y mcp-remote --help 进行验证。
令牌已过期
对于大多数平台,OAuth 令牌会自动刷新。对于 SDK 用户:从仪表板获取新的会话令牌。
💡 快速测试: 向您的 AI 提问“列出我的 WebsitePublisher 项目”——如果成功,则表示您已连接!
📚 资源
⬇️ 连接应用 🎛️ 仪表板 🤖 支持的 AI 📄 OpenAPI 规范 🔍 发现 🐙 GitHub 仓库 🔌 MCP 协议 📖 PAPI 文档 🔗 集成