本文详细介绍了如何利用MCP（Model Context Protocol）技术，仅通过四步操作，将一篇长达40页的论文快速转化为一个包含语音解读功能的精美网站。作者亲身实践，从注册MiniMax获取密钥，到在Windsurf中安装MCP，再到输入论文链接和提示词生成内容，最后部署到GitHub获取分享链接，整个过程简单高效，展现了MCP在内容创作和知识传播中的强大潜力。

昨天晚上，我正对着一篇长达40页的论文发愁，脑海中突然冒出一个想法：要是能有个美女（咳咳，不是）用通俗易懂的语言给我讲解这篇论文，同时还能配上精美的网页界面，那该多好啊！

同样的困扰也出现在我媳妇身上——她是任嘉伦的铁杆粉丝，《无忧渡》在爱奇艺三天破8000热度后，她一直想给自己的爱豆做个精美的宣传网站，但苦于没有技术能力…

过去，这些看似复杂的网站开发可能需要几天甚至几周的时间。但现在，只需三次Chat对话，十分钟搞定！

不信？那就跟着我这个连代码都懒得写的AI产品黄叔，一起体验这个堪称”喂饭级”的教程吧！你要是没法复现，唯我是问！四步搞定AI语音解读网站

总共分四步，超级简单：

1. 注册MiniMax获取密钥

2. Windsurf里安装MiniMax MCP

3. 输入论文链接和提示词得到网站

4. 把网站部署到GitHub，得到分享链接

下面我就带大家一步步实操，做完后你可能会想：我是不是也能整一个吃瓜网站？甚至克隆自己的声音，给好友们讲讲瓜应该怎么吃？

01 注册MiniMax获取密钥

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. 点击「创建新的密钥」

如何定义B端产品及B端产品经理方法论

相较于C端产品，B端产品最大的特点是：面向特定领域用户，且数量少得多，但更注重对用户专业领域操作流程的深度挖掘——也就是专业性更强，与业务的结合更紧密。

查看详情 >

4. 把密钥保存好（这个很重要，等会要用）

02 在Windsurf中安装MiniMax MCP

打开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出现在服务列表中就说明安装成功了！

03 输入论文链接和提示词得到网站

去年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语速：略快语言：中文

这一步会分多个模块生成语音文件，需要耐心等待。如果中断了，同样输入「继续」指令即可。

全部生成完成后，网页中每个模块就会出现对应的音频播放按钮，点击就能听到语音解读了！

04 把网站部署到GitHub，得到分享链接

之前我介绍过腾讯的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. 调用AI搜索MCP，搜索新剧相关信息

1、搜索”任嘉伦新剧”来获取更多信息

2、总结所有的信息形成一个xuanchuan.md文件，总结要求遵守：

按照任嘉伦新剧的全方位呈现的要求进行总结，保留核心观点，不要过度精简

2. 继续生成网页根据xuanchuan.md文件的内容生成一个精美的网页，设计风格遵守{设计风格}，如果需要输出的代码较多可以分多次完成任务

3. 继续调用MiniMax MCP生成语音根据xuanchuan.md中的模块生成每个模块用大白话解读的幽默风趣的短内容，使用MiniMax mcp把解读内容转换成MP3文件…

4. 在GitHub创建新仓库，然后传上去，开启Page功能，搞定！

就是这么简单和好玩！你还有什么想实现的需求？