chatgptnextweb / chatgpt-next-web Goto Github PK

ui和排版挺好看的，用的是什么ui库呢

大佬，我刚接触前端代码，我想加一些日志输出，想知道这个怎么在本地启动调试呢？
对node版本有什么要求吗 ？

现在执行

npm install --save next react react-dom
next build
bash: next: command not found

在手机浏览器使用时，输入字符后输入框会刷新到最下方，被输入法遮挡，导致无法看到之前输入的内容。
复现环境：安卓版Edge 110 百度输入法 MIUI14。

另外，建议输入页面展示使用类似于聊天软件的形式，只在发送信息后展示对话框，而不是对话框随着输入框实时更新，视觉上感觉有一点点儿怪。

目前favicon的分辨率有点低，使用iOS Safari保存到桌面后，图标显示模糊，希望能提高分辨率，谢谢。

Will a Docker version be released?

日夜转换可以做个选项在首页上方，不必在设置里设置
话题总结效果不好，每次总结对话标题都为闲聊，openai好像有提供方法来自动总结内容来生成标题

可能只有在中文输入时出现。

如果持续抖动是因为向下滚动到底部造成的，可以增加一些 buffer "防抖"（ 真·防抖 ）。

RT

另外已经用上了，颜值也在线，赞一个先。

刚fork您的这个，但是还是提示要更新

[email protected] dev
cross-env COMMIT_ID=$(git rev-parse --short HEAD) next dev

'rev-parse' 不是内部或外部命令，也不是可运行的程序
或批处理文件。
node:events:491
throw er; // Unhandled 'error' event
^

Error: spawn rev-parse ENOENT
at notFoundError (C:\Users\里面\Desktop\biye\ChatGPT-Next-Web\node_modules\cross-spawn\lib\enoent.js:6:26)
at verifyENOENT (C:\Users\里面\Desktop\biye\ChatGPT-Next-Web\node_modules\cross-spawn\lib\enoent.js:40:16)
at ChildProcess.cp.emit (C:\Users\里面\Desktop\biye\ChatGPT-Next-Web\node_modules\cross-spawn\lib\enoent.js:27:25)
at Process.ChildProcess._handle.onexit (node:internal/child_process:293:12)
Emitted 'error' event on ChildProcess instance at:
at ChildProcess.cp.emit (C:\Users\里面\Desktop\biye\ChatGPT-Next-Web\node_modules\cross-spawn\lib\enoent.js:30:37)
at Process.ChildProcess._handle.onexit (node:internal/child_process:293:12) {
code: 'ENOENT',
errno: 'ENOENT',
syscall: 'spawn rev-parse',
path: 'rev-parse',
spawnargs: [ '--short', 'HEAD)', 'next', 'dev' ]

1. 代码复制功能
2. 文本消息转语音

另外内容复制功能好像不能用。

会被输入框盖住

感谢作者，这是我使用过gpt各种web版本里最舒服的UI之一

大佬，请问这个
1.本项目提供有限的权限控制功能，请在环境变量页增加名为 CODE 的环境变量，值为用英文逗号分隔的自定义控制码：
code1,code2,code3
这个控制码是怎么用呢？
我部署完您的项目打开网页后提问它一直显示出错了。
2.另外能不能在页面上加一个让用户自己输入api-key的输入框呢

从openai的官网生成的key，应该不是这个问题，一只报错

全屏聊天气泡间距会不会太宽了，不过我改的也没有好太多，大佬可以考虑下怎们调整下。

机型:红米k50pro
问题:用夸克和手机自带浏览器访问，复制功能无法使用，弹出提示“复制失败，请给予粘贴板权限。”，但是我已反复确认权限已给，将网页打包成webapp也是这个问题。

阿里云海外服务器

以及设置中没有显示访问码的地方（确认过CODE环境变量已经配置并生效）

原始markdown为：

要将一个矩阵的值转换为颜色并将其可视化，可以使用 matplotlib 库中的 imshow 函数。在 imshow 函数中，矩阵的每个元素会被映射到一个颜色上，这个映射是根据 cmap 参数来指定的。

下面是一个示例代码：

import numpy as np
import matplotlib.pyplot as plt

# 生成随机的二维矩阵a
a = np.random.randn(10, 10)

# 使用 imshow 函数可视化二维矩阵a
plt.imshow(a, cmap='Blues')

# 显示图像
plt.colorbar()
plt.show()

在上面的代码中，我们首先生成一个 $10\times 10$ 的随机二维矩阵 a，然后使用 imshow 函数可视化该二维矩阵。函数中的 cmap 参数指定了使用的颜色映射，这里我们使用了 "Blues" 映射，也就是随着矩阵元素值越大，颜色越深。执行上述代码，输出的结果类似于下图所示：

在输出的图像中，颜色越深的地方代表的是矩阵中值越大的位置，而颜色越浅的地方代表的是矩阵中值越小的位置。可以看出，这个可视化方式能够清晰地反映矩阵中的数值信息。

建议对删除对话做二次确认，防止误触。

另外还有一点：建议移动端对话列表的×默认显示，否则要长按一下才显示，长按一般会触发浏览器菜单，不是很符合移动端的操作逻辑。

如题，大佬辛苦

马上更新体验了访问控制功能。
为了用户的良好体验，可否前10个提问不限制，谁都可以提。
超过10个提问就开启访问控制，必须输授权码才能继续

同时放置中英文是一件好事，但是如果在将其掺杂在一起我认为会降低阅读体验。

ChatGPT 给出的解决方案 (prompt: 在 Github 的 README.md 中中英文版本是否应该分开):

在同一个README文件中包含中英文内容：

如果你的项目受众包括中英文用户，你可以在同一个README文件中提供中英文两个版本的内容。通常情况下，可以按顺序放置各个语言版本，例如先放英文版本，然后是中文版本。这样，读者可以根据自己的需求选择合适的语言阅读。

缺点是，如果README文件内容较多，这会使得文件变得很长，可能导致阅读体验不佳。

将中英文版本分开到不同的文件：

另一种选择是将中英文版本的README内容分开到不同的文件。例如，你可以将英文版放在名为README.md的文件中，将中文版放
在名为README.zh.md的文件中。在每个文件开头，添加指向其他语言版本的链接，方便用户切换。

这种做法的优点是，每个文件都更容易阅读和维护。然而，缺点是你需要确保在更新文档时，所有语言版本的内容保持一致。

综上所述，是否将中英文版本分开取决于你的实际需求。如果你认为在同一个文件中提供多语言内容可能会导致阅读体验不佳，那么将它们分开到不同的文件可能是更好的选择。相反，如果你认为维护多个单独的文件可能会导致内容不一致，那么将它们放在同一个文件中可能更合适。

在输入 ``` 之后再输入如 t 的字符会 crash。

我是小白，不太懂代码，请问如果要部署在自己服务器上的话，需要什么环境和依赖

感谢您创建这个项目，非常喜欢您的设计，因为工作的关系，我没有很多功能的开发能力。我使用过很多chatgpt项目，对比其他项目，我在使用中发现一些问题，想要向您请求一些意见：

1. 是否可以加入页面密码功能
2. 是否有加入prompt列表功能的计划
3. 代码部分是否可以加入颜色美化，light或dark模式
4. AI回复过程中是否可以加入停止或者重新生成的按钮
5. 在Enter输入过程中，没有其他快捷键换行
6. 查询API余额功能

希望能在前端加上输入ApiKey的功能，以及后台key轮询，重新提问等细节功能

比如紧凑边框、enter模式、记忆历史信息数量等，这些可以通过变量定义吗，或者需要在部署之前修改某些文件内容。

尊敬的开发者，

首先，我要感谢您对这个开源项目的贡献和辛勤工作。在使用这个项目的过程中，我遇到了一些问题，希望您能给予帮助。

我发现，在某些情况下，请求可能会因超时而失败。这导致我需要重新复制粘贴对话。因此，我想提出一个建议，即在项目中报错时添加一个重试按钮。这将使用户能够轻松地重新发起请求，从而减少了不必要的麻烦。

如果您能够考虑我的建议并加入这个功能，我会非常感激。我相信，这将使项目更加完善和易于使用。再次感谢您的努力和贡献。期待您的回复。

谢谢！

您好，非常感谢您的工作，非常简单便捷！
但成功部署之后发现无法打开，可能涉及到网络环境。我现有的网络可以正常登录chatgpt访问，但无法打开xxx.vercel.app，请问可能是什么问题吗？

ps. 对于这种国外的服务器我之前使用过netlify，当时也是访问很慢，后来用cloudflare配合阿里云进行加速，请问对于本工程有什么加速方案吗？

非常感谢您的时间，以上。

首先是出错截图

在vercel的日志里面，有如下提示：

在openAI里面查看，显示我的key重来没用过，我检查下来发现key没有问题，在vercel里面，设置是这样的

请问作者大大，出现这个错误的最大可能是什么？

我愿意捐赠作者的这个项目

Markdown 规范 1 2 中，单个 回车 不换行，行尾 两个空格+回车 或 \+回车 才换行。
但是 ChatGPT 的回复没有遵循这个规范，完全按规范渲染会导致内容堆叠。

另外：Github 的 Issues 也是没完全按规范，一个换行符就换行。

ChatGPT-Next-Web 渲染显示内容：

好的，以下是一个可能的课程大纲：

一、引言 1.1 xxx 1.2 xxx

复制出来的内容：

好的，以下是一个可能的课程大纲：

一、引言
1.1 xxx
1.2 xxx

本人才疏学浅，看您写的代码框架应该是基于 React，但是我找不到它的入口文件（index.js之类的），烦请作者指教。
另附：作者您画的界面真的好看！请问您是 UI 设计师吗，请问您一般在什么地方浏览最新的视觉设计，还有我应该如何描述您当前构建的页面风格，是否有一个可以概括的词呢？
辛苦您！

libpng warning: iCCP: cHRM chunk does not match sRGB
[Chat Stream] [TypeError: fetch failed] {
cause: [ConnectTimeoutError: Connect Timeout Error] {
name: 'ConnectTimeoutError',
code: 'UND_ERR_CONNECT_TIMEOUT',
message: 'Connect Timeout Error'
}

因为国内无法访问api.openai.com建议加一个API route.ts#L17自定义变量

const BASE_URL: string = process.env.OPENAI_API_BASE_URL ? process.env.OPENAI_API_BASE_URL : "https://api.openai.com/v1/chat/completions";
const res = await fetch(BASE_URL, {
....

I really like this project. It would be great if you could add user login.

I am a novice front-end developer. What's wrong with compiling and deploying server 404? Can you give me a local deployment tutorial?

现在这个不应该是上传的意思么哈哈，抱歉占用公共资源,一点小建议

建议加上socks5代理

您好，包含URL的输出错误地解析了URL范围
可否修复一下