通过 1Panel MCP 自动部署静态网站

前言随着大语言模型LLM技术的快速发展我们正在见证软件开发领域的一场革命。从 ChatGPT 到 Claude从 GitHub Copilot 到各种 AI 编程助手人工智能正在深刻改变着开发者的工作方式。在这个 AI 驱动的时代Agent智能代理概念应运而生。Agent 不仅能理解自然语言指令还能执行复杂的任务流程真正实现了对话式编程的愿景。而 MCPModel Context Protocol作为连接 AI 模型与外部工具的标准协议为构建强大的 AI Agent 提供了技术基础。MCP 的出现解决了一个关键问题如何让 AI 模型安全、高效地与各种外部系统交互。通过标准化的协议开发者可以创建各种 MCP 工具让 AI 助手能够执行文件操作、API 调用、数据库查询等复杂任务。本文将介绍如何使用 ruibaby/1Panel-mcp 工具在 AI 编辑器中实现自动将网站项目部署到 1Panel 中。一配置ruibaby/1Panel-mcp 中只提供了一个工具即deploy_website用于将静态网站项目部署到 1Panel 中并支持自动创建网站配置。下面将主要介绍在 VSCode 和 Cursor 中如何配置并使用此工具。VSCode:打开 VSCode 的配置文件添加以下配置{ mcp: { inputs: [], servers: { 1panel-mcp: { command: npx, args: [ -y, 1panel-mcp ], env: { ONEPANEL_API_KEY: TOSXWBVfcG7dLlD1Gj0DK5D4L9tKz6FF, ONEPANEL_BASE_URL: http://127.0.0.1:34300/, ONEPANEL_API_VERSION: v2 } } } } }配置完成后保存然后在 Copilot Chat 的界面可以看到1panel-mcp的deploy_website工具即代表配置成功。Cursor:打开 Cursor 的设置界面然后在 MCP 配置文件中添加以下配置{ mcpServers: { 1panel-mcp: { command: npx, args: [ -y, 1panel-mcp ], env: { ONEPANEL_API_KEY: TOSXWBVfcG7dLlD1Gj0DK5D4L9tKz6FF, ONEPANEL_BASE_URL: http://127.0.0.1:34300/, ONEPANEL_API_VERSION: v2 } } } }然后回到设置界面可以看到1panel-mcp的deploy_website工具即代表配置成功。参数说明ONEPANEL_BASE_URL: 1Panel 的 API 地址ONEPANEL_API_KEY: 1Panel 的 API 密钥可以在 1Panel 控制台设置中获取ONEPANEL_API_VERSION: 1Panel 的 API 版本可选值为v1或v2默认值为v2二使用配置完成后我们就可以打开任意的静态网站项目并测试这个 MCP 工具可以使用以下提示词将当前项目部署到 1Panel 中域名为 halocms.net。需要注意如果你指定的域名不存在工具会自动创建一个新网站并设置指定的域名。三演示为了方便演示我创建了一个新的 Vue 项目并让 AI 帮我部署到 1Panel以下是完整过程部署完成后我们回到 1Panel 后台就可以看到新创建的网站和上传的文件后续我们完善了项目后也可以让 AI 再次部署总结通过以上演示我们可以看到使用 1Panel-mcp 工具我们可以让 AI 自动将静态网站项目部署到 1Panel 中并支持自动创建网站配置大大提高了开发和部署效率。本文原发于我的博客站长破壁者