分享一个纯净版 AI Chat UI

基于 NextChat 开源 Web 版本进行优化, NextChat 原版包含较多商业广告, 我对它进行了精简和界面美化, 效果预览:

快速上手:

访问在线演示: https://next-chat-web-lake.vercel.app
在左下角设置中配置自定义 API 接口即可开始使用。所有数据均在前端存储，不会泄露密钥.

docker 部署: 变量值修改为你使用的接口和密钥, 然后启动容器

docker run -d -p 3942:3000 \
   -e OPENAI_API_KEY= \
   -e BASE_URL= \
   --name chatgpt-next-web \
   --restart=unless-stopped \
   cweijan/chatgpt-next-web

容器启动后, 访问http://localhost:3942 即可访问, 仅占 50m 左右内存

代码仓库: https://github.com/cweijan/NextChatWeb

自己部署 AI Chat 的意义:

我目前使用的 gpt-4o-mini, 通过 api 调用响应速度会比网页版快很多
cursor chat 会计入 500 次快速对话, 因此在 cursor 内进行 chat 不划算

ramcasky

😅我最近也整了一个网页版 AI Chat ，不过我想问 markDown 代码块这些是怎么渲染？

lisxour

@ramcasky 不是有大把的现成的组件嘛

CHTuring

@ramcasky #1 如果用的是 react 的话，react-markdown 就很简单实现，只需要手动处理下部分数学公式的渲染。你随便找个开源库找到 ChatMessage 组件，复制下就可以的。