DeepSeek 春風吹滿地，人人都怕起了個大早趕了個晚集。
各個大小廠紛紛上線滿血版 DeepSeek R1，提供在線使用的也很多，除了 DeepSeek 官方，勇哥使用過的還有騰訊元寶、問小白、當貝 AI等，在此就不一一列舉了。
大家都知道 DeepSeek R1 是推理模型，不同於其他的 chatbot ，推理模型在回答問題時，會先將模型的推理過程展示給用戶，如下圖所示：
DeepSeek 的春風還吹到了勇哥的公司，春節一上班，領導就要求接入 DeepSeek。
勇哥在做的 chatbot 項目大模型是基於阿里雲百煉，AI 庫用的是 Vercel 的 AI SDK，前端 UI 是基於Next.js AI Chatbot。在百煉平台開通 DeepSeek R1 配置應用後即可調用，返回結果多了思維鏈數據，前端需要增加思維鏈的展示。勇哥第一反應不是自己實現，而是到 Github 查看 Next.js AI chatbot 是否更新了對思維鏈展示的支持。
果然， Next.js AI chatbot 不久前增加了對 DeepSeek R1 這類推理模型的支持：
具體文件是：components/message-reasoning.tsx。
更新 AI SDK 到最新版本，同時在原來的內容渲染文件 message.tsx 中添加下面代碼，微調下樣式即可。
{message.reasoning && (
<MessageReasoning
isLoading={isLoading}
reasoning={message.reasoning}
/>
)}
最終實現效果如下：