1句话发布应用！掘金MCP+Trae 实战测评，编程小白也能轻松上手 - 文章 - 开发者社区

点击👇关注我学习更多AI知识

大家好，我是予贝

最近在逛掘金社区，发现掘金新出的 MCP 功能真方便！

用 Trae 开发的静态网页，一句命令就能部署到掘金社区并生成可分享链接，比 GitHub Pages 简单多了。

接下来带大家配置好环境，并将之前光的折射实验部署到掘金社区

picture.image

首先需要获取掘金 Token，打开：https://aicoding.juejin.cn/tokens，点击获取 Token

picture.image

复制生成的 Token

picture.image

接下来打开 Trae，进入到 MCP 配置界面，点击添加

picture.image

点击手动配置

picture.image

粘贴如下代码到配置框中，并使用之前生成的 token 配置 JUEJIN_TOKEN

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

配置完成后点击确认

picture.image

接下来进入 Buiilder with MCP，输入我们的提示词

  
我是一名物理老师，需要做一个光的折射模拟平台，要求:  
1. 动画展示实验效果  
2. 可以修改参数，实验效果随参数的改动变化  
3. 全屏显示，左侧是控制面板及实验讲解，右侧是实验界面  
4. 画面采取儿童+科技风  
5. 所有代码输出为一个HTML文件

picture.image

代码编写完成后，输入一句话：把代码部署到掘金，接下来 Trae 会帮我们把代码部署到掘金，并返回部署完的链接

picture.image

复制部署完的链接，在浏览器打开，先对该界面截图，后续需要用到

picture.image

接下来点击发布按钮，在配置界面输入项目的信息，点击确定并发布

picture.image

待审核通过后，会跳转到如下界面，就代表发布成功了

picture.image

如果想编辑信息，可以进入个人主页的 AI 作品管理界面管理

picture.image

也可以进入掘金 AI 编程页查看其他人的作品

picture.image

Trae + 掘金 MCP 的强强联合，让 AI 编程的门槛再次降低！

现在，普通人也能轻松开发前端项目，并一键发布到掘金社区，让创意不再局限于个人使用，而是融入更大的开发者生态。

这不仅是一个工具，更是一个开放、共享的创作舞台，让每个人都能成为 AI 时代的创作者！

期待大家在社区的优秀作品

picture.image

我们坚信AI编程的门槛会变得越来越低，开源了AI编程手册，目前12万字，包含网站，小程序，APP等多种开发案例，希望对大家有帮助，需要的扫码获取

picture.image