本文详细介绍了如何利用MCP（Model Context Protocol）技术，仅通过四步操作，将一篇长达40页的论文快速转化为一个包含语音解读功能的精美网站。作者亲身实践，从注册MiniMax获取密钥，到在Windsurf中安装MCP，再到输入论文链接和提示词生成内容，最后部署到GitHub获取分享链接，整个过程简单高效，展现了MCP在内容创作和知识传播中的强大潜力。
昨天晚上，我正对着一篇长达40页的论文发愁，脑海中突然冒出一个想法：要是能有个美女（咳咳，不是）用通俗易懂的语言给我讲解这篇论文，同时还能配上精美的网页界面，那该多好啊！
同样的困扰也出现在我媳妇身上——她是任嘉伦的铁杆粉丝，《无忧渡》在爱奇艺三天破8000热度后，她一直想给自己的爱豆做个精美的宣传网站，但苦于没有技术能力…
过去，这些看似复杂的网站开发可能需要几天甚至几周的时间。但现在，只需三次Chat对话，十分钟搞定！
不信？那就跟着我这个连代码都懒得写的AI产品黄叔，一起体验这个堪称”喂饭级”的教程吧！你要是没法复现，唯我是问！四步搞定AI语音解读网站
总共分四步，超级简单：
1. 注册MiniMax获取密钥
2. Windsurf里安装MiniMax MCP
3. 输入论文链接和提示词得到网站
4. 把网站部署到GitHub，得到分享链接
下面我就带大家一步步实操，做完后你可能会想：我是不是也能整一个吃瓜网站？甚至克隆自己的声音，给好友们讲讲瓜应该怎么吃？
MiniMax是国内AI六小龙之一，在语音克隆方面可以说是国内首屈一指。当然，不克隆也可以使用其他语音。
打开MiniMax官网：https://platform.minimaxi.com/login
打开后直接用手机号验证码登录即可。新用户通常会获得15元的免费额度，如果你想克隆声音，费用是9.9元：https://platform.minimaxi.com/examination-center/voice-experience-center/voiceCloning
接下来申请API密钥：
1. 点击「账户管理」
2. 选择「接口密钥」
3. 点击「创建新的密钥」
4. 把密钥保存好（这个很重要，等会要用）
打开Windsurf，点击右上角的头像，找到「Windsurf Settings」并打开。
这里有个小陷阱：一定要找到头像里的Windsurf Settings，而不是普通的Settings。右下角的设置入口不是我们要找的那个！
然后你会看到MCP的添加入口，点击右侧的「Add Server」按钮，再点击「Add Custom Server」按钮。
系统会自动打开一个配置文件，我们需要输入以下代码：
{ “mcpServers”: {
“MiniMax”: {
“command”: “uvx”,
“args”: [
“minimax-mcp”
],
“env”: {
“MINIMAX_API_KEY”: “xxxxxx”,
“MINIMAX_MCP_BASE_PATH”: “/Users/superhuang/Documents/windsurf”,
“MINIMAX_API_HOST”: “https://api.minimax.chat”
}
}
}}
需要修改的地方：
– MINIMAX_API_KEY：填入你刚才申请的API Key
– MINIMAX_MCP_BASE_PATH：填入你想存放生成音频的文件夹路径
– MINIMAX_API_HOST：如果你用国内的MiniMax，保持默认即可
按Ctrl+S保存后，回到Windsurf Settings页面点击刷新按钮，看到如下样式就是安装成功了：
如果你之前没有安装过uvx，系统会报错。别慌，解决方法很简单：直接复制下面的安装指令发给Windsurf：安装UV（Python 包管理器），使用curl -LsSf https://astral.sh/uv/install.sh | sh 安装
安装完成后再次刷新，看到MiniMax出现在服务列表中就说明安装成功了！
去年OpenAI的o1模型发布后可谓技惊四座。小道消息称梁文峰去硅谷学习后回来，立马就把DeepSeek全线调整冲击推理模型——这个模型背后最相关的论文就是这篇：https://arxiv.org/pdf/2305.20050
我们把论文链接复制下来，然后加上下面的提示词发给Windsurf：
1、阅读这篇论文的全部内容：【此处放论文链接】
2、总结论文内容形成一个lunwen.md文件，总结要求遵守{总结要求}#总结要求按照论文目录的不同模块进行总结，保留核心观点，不要过度精简
等待一会儿（这里需要点耐心，毕竟论文又臭又长），Windsurf会生成一个lunwen.md文件。
接下来，继续发送下面的指令：根据lunwen.md文件的内容生成一个精美的网页，设计风格遵守{设计风格}，如果需要输出的代码较多可以分多次完成任务#设计风格优雅的清新主义美学；清新柔和的渐变配色；恰到好处的留白设计;信息层级通过微妙的阴影过渡；用户视线能自然聚焦核心功能;精心打磨的圆角、细腻的微交互、舒适的视觉比例、规范的间距；
如果中间断了，只需发送「继续」即可。
网页生成完成后，我们再加入语音解读功能：根据lunwen.md中的模块生成每个模块用大白话解读的幽默风趣的短内容，使用MiniMax mcp把解读内容转换成MP3文件并下载下来，然后把这些MP3文件嵌入到刚刚生成的网页中，并且当一个模块的音频播放完成后自动切换网页位置到下一个模块。转换要求遵守{转换要求}注意，每个模块只需要呈现播放按钮，无需显示播放进度条#转换要求音色：superhuangclone语速：略快语言：中文
这一步会分多个模块生成语音文件，需要耐心等待。如果中断了，同样输入「继续」指令即可。
全部生成完成后，网页中每个模块就会出现对应的音频播放按钮，点击就能听到语音解读了！
之前我介绍过腾讯的PagesMCP可以一键部署网站，但这次因为有很多MP3文件，我们选择用GitHub Pages来获取分享链接。
首先打开GitHub网站并登录：https://github.com/
点击「New」创建代码库按钮：
在Repository name处填一个英文项目名称（比如lunwen），Description可以填项目用途，方便以后查看：
点击「Create repository」创建按钮后，复制页面链接，然后发给Windsurf：帮我把所有文件上传到github仓库，仓库地址：https://github.com/你的用户名/你的仓库名
上传完成后，回到GitHub仓库页面，点击「Settings」，然后左侧找到「Pages」并点击打开。
在Branch选项中，把None改成main，然后点击Save按钮。页面会自动刷新，大约等待2分钟左右，页面上会出现你的网站访问链接。
瞧！这就是你的论文解读网站了！
昨晚在一个MCP交流群里，有朋友问我：「MCP和直接调用API有啥区别？」
我给他看了我的AI编程蓝皮书里调用MiniMax API的案例——有个朋友在复刻时被卡在API接入上足足花了3个小时！
而现在只需接入MCP，后面的工作全部一句话就能完成，从3小时变成了1分钟！
还记得文章开头提到的任嘉伦新剧《无忧渡》吗？这个案例的流程也非常简单：
1、搜索”任嘉伦新剧”来获取更多信息
按照任嘉伦新剧的全方位呈现的要求进行总结，保留核心观点，不要过度精简
2. 继续生成网页根据xuanchuan.md文件的内容生成一个精美的网页，设计风格遵守{设计风格}，如果需要输出的代码较多可以分多次完成任务
3. 继续调用MiniMax MCP生成语音根据xuanchuan.md中的模块生成每个模块用大白话解读的幽默风趣的短内容，使用MiniMax mcp把解读内容转换成MP3文件…
4. 在GitHub创建新仓库，然后传上去，开启Page功能，搞定！
就是这么简单和好玩！你还有什么想实现的需求？
本文由人人都是产品经理作者【Super黄】，微信公众号：【AI产品黄叔】，原创/授权 发布于人人都是产品经理，未经许可，禁止转载。
题图来自Unsplash，基于 CC0 协议。
此内容由惯性聚合(RSS阅读器)自动聚合整理，仅供阅读参考。 原文来自 — 版权归原作者所有。