分享一个纯净版 AI Chat UI

86 天前
 weijancc

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

快速上手:

  1. 访问在线演示: https://next-chat-web-lake.vercel.app
  2. 在左下角设置中配置自定义 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 的意义:

  1. 我目前使用的 gpt-4o-mini, 通过 api 调用响应速度会比网页版快很多
  2. cursor chat 会计入 500 次快速对话, 因此在 cursor 内进行 chat 不划算
1230 次点击
所在节点    分享发现
4 条回复
ramcasky
86 天前
😅我最近也整了一个网页版 AI Chat ,不过我想问 markDown 代码块这些是怎么渲染?
lisxour
86 天前
@ramcasky 不是有大把的现成的组件嘛
CHTuring
86 天前
@ramcasky #1 如果用的是 react 的话,react-markdown 就很简单实现,只需要手动处理下部分数学公式的渲染。你随便找个开源库找到 ChatMessage 组件,复制下就可以的。
XiaoJiang9527
85 天前
cy 纯净版 NextChat

这是一个专为移动设备优化的页面(即为了让你能够在 Google 搜索结果里秒开这个页面),如果你希望参与 V2EX 社区的讨论,你可以继续到 V2EX 上打开本讨论主题的完整版本。

https://ex.noerr.eu.org/t/1121357

V2EX 是创意工作者们的社区,是一个分享自己正在做的有趣事物、交流想法,可以遇见新朋友甚至新机会的地方。

V2EX is a community of developers, designers and creative people.

© 2021 V2EX