使用文档：通过 Trae 等 AI IDE 配置 MCP一键发布到掘金

掘金酱
1,866 阅读2分钟

image.png aicoding.juejin.cn/vibecoding 通过 Trae 或其他支持 MCP 的 AI IDE 配置 MCP，并将前端项目（HTML/CSS/JS）一键发布到掘金的步骤。

1. 在 Trae 或其他 AI IDE 内配置 MCP

  1. 打开 Trae：

    • 启动 Trae，找到添加 MCP 的入口。
    • 如果未安装 Trae，可通过以下链接下载：
      Trae 下载链接
    • 其他支持 MCP 的 AI IDE 或插件也可以使用。

  2. 添加 MCP 配置：
    在 Trae 或 IDE 的 MCP 配置中，添加以下 JSON 配置：

    {
    "mcpServers": {
        "juejin-deploy-mcp": {
            "command": "npx",
            "args": [
                "--registry=https://registry.npmjs.org",
                "-y",
                "@juejin-team/mcp-server@latest"
            ],
            "env": {
                "JUEJIN_TOKEN": ""
            }
        }
    }
}

image.png

  1. 保存配置：
    确保配置正确后，保存 MCP 设置。

  2. 配置掘金 Token

    1. 生成 Token：

image.png

  1. 粘贴 Token：
  • 将生成的 Token 粘贴到第 1 步配置中的 JUEJIN_TOKEN 字段。
  • 保存更新后的 MCP 配置。

2. 创作作品

  1. 使用 Trae AI 或其他支持的 IDE 开始编写代码，创作你的前端项目（如小游戏、落地页等）。
  2. 确保项目仅包含 HTML/CSS/JS，因为当前 MCP 只支持前端项目部署。

3. 发布到掘金

image.png

步骤 1：部署项目

image.png

  1. 在 Trae 的 Chat 界面，通过 @ 选择 Builder with MCP。
  2. 输入指令，例如：“把代码部署到掘金”。
  3. 部署成功后，系统会返回作品详情地址。

步骤 2：发布作品

  1. 打开部署页面：

    • 点击部署成功后返回的作品详情地址。
    • 在页面右上角点击 发布。

  2. 填写作品信息：

image.png

-   名称：作品标题。

-   作品分类：选择适合的分类。

-   描述：简要介绍作品内容。

-   封面图：

    -   建议使用全屏截图，横版效果更佳，可直接粘贴截图。

-   对话历史：

    -   提供使用 AI 创作该作品的对话记录，便于他人学习。

-   项目 Rules：

    -   输入项目 Prompt，例如 Trae Rule、Cursor Rule 等。
  1. 点击 发布。 image.png

image.png

步骤 3：审核与分享

  • 提交后，作品将进入审核流程，请耐心等待。
  • 审核通过后，可将作品分享给他人。

步骤 4：编辑作品（可选）

注意事项

  • 支持项目类型：当前 MCP 仅支持 HTML/CSS/JS 前端项目。
  • 封面建议：使用横版全屏截图，效果更佳。
  • 审核时间：发布后需等待审核，时间可能因作品而异。
  • Token 安全：确保掘金 Token 妥善保存，避免泄露。
avatar
文章
阅读
粉丝