Skip to content

Files

Latest commit

19d650e · Jul 8, 2023

History

History
128 lines (94 loc) · 4.7 KB

README.md

File metadata and controls

128 lines (94 loc) · 4.7 KB

ChatGPT

1.0 版本使用 astro 框架,2.0 开始改用 next 框架。如之前已使用部署 astro 版本,需在管理页面将框架从 astro 切换成 next,并使用默认的 build 命令

Deploy with Vercel Deploy with Netlify

Astro 分支主分支代码同步,只是框架不同。Astro 服务端渲染不能完整支持 Emotion,所以使用的是客户端渲染,而 Next 分支使用服务端渲染。Next 与 Unocss 配合开发体验不好,所以现在都是在 Astro 分支上开发。

可自行选择部署的分支:

功能

  • 页面样式移动端优先
  • 对话使用 OpenAI 官方 API /v1/chat/completions
  • 支持图片生成 /v1/images/generations
  • 支持设置 System Prompt,提供大量模版供选择
  • 支持 Prompt 收藏、导入、导出(浏览器本地缓存)
  • 支持多会话
  • 支持连续对话
  • 消息显示 token 使用数量
  • 支持配置模型
  • 支持夜间模式
  • 支持对话内容复制
  • 支持代码复制
  • 输入 / 搜索 Prompt
  • 支持 i18n
  • 支持 ASR 和 TTS,可用但不完善,需申请 key

Dark

Light

使用介绍

  • 页面中保存的 OPENAI KEY 会明文保存在 localstorage
  • 消息列表以 json 形式保存在 localstorage
  • 页面中保存的 API KEY 会明文传输进行请求
  • 输入框为空时,按上箭头将填充上一条消息内容

System Prompt

  • 如果 prompt 最后一句带有问句,个人建议将该问句从 prompt 删除,将其填入消息内容框内,不然每次对话的时候,该问句都会跟随 system prompt 一起发送
  • 配置 System Prompt 后页面底部的设置按钮会高亮
  • 消息和回复底部会显示PROMPT的标签,点击会复制并显示该 prompt
  • 击消息底部的重试按钮,会恢复对应的 System Prompt 并更新 localStorage 的值
  • 有 prompt 时未填写消息内容,可点击发送按钮。因内容为空,为便于查看,列表中内容区域会显示为 System Prompt

连续对话

  1. 开启后底部按钮高亮,消息会带有 conversionId
  2. 每次对话都会从页面消息列表查找对应 conversionId 的消息
  3. 发送的消息和回复会带有图标,用来辨别该内容是否为连续对话
  4. 连续对话会根据 conversionId 从列表中寻找历史会话消息
  5. 点击消息底部的重试按钮,会继续使用对应的 conversionId 延续对话。即使这条消息和历史对话消息中间穿插着对话其他消息
  6. 连续对话会添加 token 限制,会保留最低 1000 个 token 给回复使用
  7. 取最新的消息,超出 token 限制的历史消息会被舍弃
  8. 已添加 gpt-4 token 数判断

环境变量

以下是支持的环境变量,非 PUBLIC_ 开头的环境变量只在 /pages/api/ 调用

  • OPENAI_API_KEY
  • OPENAI_API_HOST
  • OPENAI_API_MODEL

设置访问密码:

  • ACCESS_CODE

ASR、TTS:

  • NEXT_PUBLIC_UNISOUND_AI_KEY
  • UNISOUND_AI_SECRET

问题

启动时 Unocss 样式错误

  • 解决方案一:next.config.js 中设置 cache = false,但影响热更新
    webpack: (config, context) => {
      config.cache = false;
    };
  • 解决方案二:package.json 中添加命令启动时删除 .next 缓存,会导致应用启动时较慢
    {
      "scripts": {
        "start": "rm -rf .next && next dev"
      }
    }

感谢

项目创建参考

prompt 模版来自:

依赖库

  • nextjs
  • react
  • chakra-ui
  • tabler icon
  • nanostores
  • unocss
  • markdown-it
  • github-markdown-css
  • ahooks
  • gpt3-tokenizer