本文詳細(xì)介紹了如何利用MCP（Model Context Protocol）技術(shù)，僅通過四步操作，將一篇長(zhǎng)達(dá)40頁(yè)的論文快速轉(zhuǎn)化為一個(gè)包含語(yǔ)音解讀功能的精美網(wǎng)站。作者親身實(shí)踐，從注冊(cè)MiniMax獲取密鑰，到在Windsurf中安裝MCP，再到輸入論文鏈接和提示詞生成內(nèi)容，最后部署到GitHub獲取分享鏈接，整個(gè)過程簡(jiǎn)單高效，展現(xiàn)了MCP在內(nèi)容創(chuàng)作和知識(shí)傳播中的強(qiáng)大潛力。

昨天晚上，我正對(duì)著一篇長(zhǎng)達(dá)40頁(yè)的論文發(fā)愁，腦海中突然冒出一個(gè)想法：要是能有個(gè)美女（咳咳，不是）用通俗易懂的語(yǔ)言給我講解這篇論文，同時(shí)還能配上精美的網(wǎng)頁(yè)界面，那該多好?。?/p>

同樣的困擾也出現(xiàn)在我媳婦身上——她是任嘉倫的鐵桿粉絲，《無(wú)憂渡》在愛奇藝三天破8000熱度后，她一直想給自己的愛豆做個(gè)精美的宣傳網(wǎng)站，但苦于沒有技術(shù)能力…

過去，這些看似復(fù)雜的網(wǎng)站開發(fā)可能需要幾天甚至幾周的時(shí)間。但現(xiàn)在，只需三次Chat對(duì)話，十分鐘搞定！

不信？那就跟著我這個(gè)連代碼都懶得寫的AI產(chǎn)品黃叔，一起體驗(yàn)這個(gè)堪稱”喂飯級(jí)”的教程吧！你要是沒法復(fù)現(xiàn)，唯我是問！四步搞定AI語(yǔ)音解讀網(wǎng)站

總共分四步，超級(jí)簡(jiǎn)單：

1.?注冊(cè)MiniMax獲取密鑰

2.?Windsurf里安裝MiniMax MCP

3.?輸入論文鏈接和提示詞得到網(wǎng)站

4.?把網(wǎng)站部署到GitHub，得到分享鏈接

下面我就帶大家一步步實(shí)操，做完后你可能會(huì)想：我是不是也能整一個(gè)吃瓜網(wǎng)站？甚至克隆自己的聲音，給好友們講講瓜應(yīng)該怎么吃？

01 注冊(cè)MiniMax獲取密鑰

MiniMax是國(guó)內(nèi)AI六小龍之一，在語(yǔ)音克隆方面可以說(shuō)是國(guó)內(nèi)首屈一指。當(dāng)然，不克隆也可以使用其他語(yǔ)音。

打開MiniMax官網(wǎng)：https://platform.minimaxi.com/login

打開后直接用手機(jī)號(hào)驗(yàn)證碼登錄即可。新用戶通常會(huì)獲得15元的免費(fèi)額度，如果你想克隆聲音，費(fèi)用是9.9元：https://platform.minimaxi.com/examination-center/voice-experience-center/voiceCloning

接下來(lái)申請(qǐng)API密鑰：

1.?點(diǎn)擊「賬戶管理」

2.?選擇「接口密鑰」

3.?點(diǎn)擊「創(chuàng)建新的密鑰」

4. 把密鑰保存好（這個(gè)很重要，等會(huì)要用）

02 在Windsurf中安裝MiniMax MCP

打開Windsurf，點(diǎn)擊右上角的頭像，找到「Windsurf Settings」并打開。

這里有個(gè)小陷阱：一定要找到頭像里的Windsurf Settings，而不是普通的Settings。右下角的設(shè)置入口不是我們要找的那個(gè)！

然后你會(huì)看到MCP的添加入口，點(diǎn)擊右側(cè)的「Add Server」按鈕，再點(diǎn)擊「Add Custom Server」按鈕。

系統(tǒng)會(huì)自動(dòng)打開一個(gè)配置文件，我們需要輸入以下代碼：

{? ??“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：填入你剛才申請(qǐng)的API Key

– MINIMAX_MCP_BASE_PATH：填入你想存放生成音頻的文件夾路徑

– MINIMAX_API_HOST：如果你用國(guó)內(nèi)的MiniMax，保持默認(rèn)即可

按Ctrl+S保存后，回到Windsurf Settings頁(yè)面點(diǎn)擊刷新按鈕，看到如下樣式就是安裝成功了：

如果你之前沒有安裝過uvx，系統(tǒng)會(huì)報(bào)錯(cuò)。別慌，解決方法很簡(jiǎn)單：直接復(fù)制下面的安裝指令發(fā)給Windsurf：安裝UV（Python 包管理器），使用curl -LsSf https://astral.sh/uv/install.sh | sh 安裝

安裝完成后再次刷新，看到MiniMax出現(xiàn)在服務(wù)列表中就說(shuō)明安裝成功了！

03 輸入論文鏈接和提示詞得到網(wǎng)站

去年OpenAI的o1模型發(fā)布后可謂技驚四座。小道消息稱梁文峰去硅谷學(xué)習(xí)后回來(lái)，立馬就把DeepSeek全線調(diào)整沖擊推理模型——這個(gè)模型背后最相關(guān)的論文就是這篇：https://arxiv.org/pdf/2305.20050

我們把論文鏈接復(fù)制下來(lái)，然后加上下面的提示詞發(fā)給Windsurf：

1、閱讀這篇論文的全部?jī)?nèi)容：【此處放論文鏈接】

2、總結(jié)論文內(nèi)容形成一個(gè)lunwen.md文件，總結(jié)要求遵守{總結(jié)要求}#總結(jié)要求按照論文目錄的不同模塊進(jìn)行總結(jié)，保留核心觀點(diǎn)，不要過度精簡(jiǎn)

等待一會(huì)兒（這里需要點(diǎn)耐心，畢竟論文又臭又長(zhǎng)），Windsurf會(huì)生成一個(gè)lunwen.md文件。

接下來(lái)，繼續(xù)發(fā)送下面的指令：根據(jù)lunwen.md文件的內(nèi)容生成一個(gè)精美的網(wǎng)頁(yè)，設(shè)計(jì)風(fēng)格遵守{設(shè)計(jì)風(fēng)格}，如果需要輸出的代碼較多可以分多次完成任務(wù)#設(shè)計(jì)風(fēng)格優(yōu)雅的清新主義美學(xué)；清新柔和的漸變配色；恰到好處的留白設(shè)計(jì);信息層級(jí)通過微妙的陰影過渡；用戶視線能自然聚焦核心功能;精心打磨的圓角、細(xì)膩的微交互、舒適的視覺比例、規(guī)范的間距；

如果中間斷了，只需發(fā)送「繼續(xù)」即可。

網(wǎng)頁(yè)生成完成后，我們?cè)偌尤胝Z(yǔ)音解讀功能：根據(jù)lunwen.md中的模塊生成每個(gè)模塊用大白話解讀的幽默風(fēng)趣的短內(nèi)容，使用MiniMax mcp把解讀內(nèi)容轉(zhuǎn)換成MP3文件并下載下來(lái)，然后把這些MP3文件嵌入到剛剛生成的網(wǎng)頁(yè)中，并且當(dāng)一個(gè)模塊的音頻播放完成后自動(dòng)切換網(wǎng)頁(yè)位置到下一個(gè)模塊。轉(zhuǎn)換要求遵守{轉(zhuǎn)換要求}注意，每個(gè)模塊只需要呈現(xiàn)播放按鈕，無(wú)需顯示播放進(jìn)度條#轉(zhuǎn)換要求音色：superhuangclone語(yǔ)速：略快語(yǔ)言：中文

這一步會(huì)分多個(gè)模塊生成語(yǔ)音文件，需要耐心等待。如果中斷了，同樣輸入「繼續(xù)」指令即可。

全部生成完成后，網(wǎng)頁(yè)中每個(gè)模塊就會(huì)出現(xiàn)對(duì)應(yīng)的音頻播放按鈕，點(diǎn)擊就能聽到語(yǔ)音解讀了！

04 把網(wǎng)站部署到GitHub，得到分享鏈接

之前我介紹過騰訊的PagesMCP可以一鍵部署網(wǎng)站，但這次因?yàn)橛泻芏郙P3文件，我們選擇用GitHub Pages來(lái)獲取分享鏈接。

首先打開GitHub網(wǎng)站并登錄：https://github.com/

點(diǎn)擊「New」創(chuàng)建代碼庫(kù)按鈕：

在Repository name處填一個(gè)英文項(xiàng)目名稱（比如lunwen），Description可以填項(xiàng)目用途，方便以后查看：

點(diǎn)擊「Create repository」創(chuàng)建按鈕后，復(fù)制頁(yè)面鏈接，然后發(fā)給Windsurf：幫我把所有文件上傳到github倉(cāng)庫(kù)，倉(cāng)庫(kù)地址：https://github.com/你的用戶名/你的倉(cāng)庫(kù)名

上傳完成后，回到GitHub倉(cāng)庫(kù)頁(yè)面，點(diǎn)擊「Settings」，然后左側(cè)找到「Pages」并點(diǎn)擊打開。

在Branch選項(xiàng)中，把None改成main，然后點(diǎn)擊Save按鈕。頁(yè)面會(huì)自動(dòng)刷新，大約等待2分鐘左右，頁(yè)面上會(huì)出現(xiàn)你的網(wǎng)站訪問鏈接。

瞧！這就是你的論文解讀網(wǎng)站了！

昨晚在一個(gè)MCP交流群里，有朋友問我：「MCP和直接調(diào)用API有啥區(qū)別？」

我給他看了我的AI編程藍(lán)皮書里調(diào)用MiniMax API的案例——有個(gè)朋友在復(fù)刻時(shí)被卡在API接入上足足花了3個(gè)小時(shí)！

而現(xiàn)在只需接入MCP，后面的工作全部一句話就能完成，從3小時(shí)變成了1分鐘！

還記得文章開頭提到的任嘉倫新劇《無(wú)憂渡》嗎？這個(gè)案例的流程也非常簡(jiǎn)單：

1.?調(diào)用AI搜索MCP，搜索新劇相關(guān)信息

1、搜索”任嘉倫新劇”來(lái)獲取更多信息

2、總結(jié)所有的信息形成一個(gè)xuanchuan.md文件，總結(jié)要求遵守：

按照任嘉倫新劇的全方位呈現(xiàn)的要求進(jìn)行總結(jié)，保留核心觀點(diǎn)，不要過度精簡(jiǎn)

2.?繼續(xù)生成網(wǎng)頁(yè)根據(jù)xuanchuan.md文件的內(nèi)容生成一個(gè)精美的網(wǎng)頁(yè)，設(shè)計(jì)風(fēng)格遵守{設(shè)計(jì)風(fēng)格}，如果需要輸出的代碼較多可以分多次完成任務(wù)

3.?繼續(xù)調(diào)用MiniMax MCP生成語(yǔ)音根據(jù)xuanchuan.md中的模塊生成每個(gè)模塊用大白話解讀的幽默風(fēng)趣的短內(nèi)容，使用MiniMax mcp把解讀內(nèi)容轉(zhuǎn)換成MP3文件…

4.?在GitHub創(chuàng)建新倉(cāng)庫(kù)，然后傳上去，開啟Page功能，搞定！

就是這么簡(jiǎn)單和好玩！你還有什么想實(shí)現(xiàn)的需求？