快速使用
这是一个基于 DeepSeek API 的静态聊天示例，不需要应用后端，浏览器直接请求配置好的 API 服务。想先看效果，可以点在线体验；想在本地使用，去Releases下载压缩包，解压后双击 index.html 即可，无需安装或构建。首次使用时，在设置中填写 API Key。
如果只是体验，按上面的路径最快；如果要改代码或部署自己的版本，再看下面的运行、功能和开发配置。
运行与构建
开发前准备 Node.js 22.12+ 和 pnpm：
git clone https://github.com/deepseek-ai/chat-demo.git cd chat-demo pnpm install pnpm dev
打开http://localhost:8090。生成静态产物使用：
pnpm build
产物位于 dist/，可部署到静态服务器，也可直接打开 dist/index.html。直接打开时，浏览器和 API 服务需允许 file:// 页面的存储与跨域请求。
功能
- 多会话、自动标题、重命名与删除；编辑提问、重新生成和切换消息分支。
- 流式回答、深度思考、智能搜索、链接阅读与来源引用；支持停止和符合条件的继续生成。
- 附件上传、粘贴与拖拽，语音输入和回复朗读；移动端录音时输入框首行显示实时频谱。
- Markdown、代码高亮、KaTeX 公式和 Mermaid 图表。
- 简体中文与英文、浅色与深色主题、移动端布局、位置设置、历史导入导出。
这些功能覆盖聊天、附件、语音、Markdown 渲染和移动端布局，适合想直接体验或改造成静态聊天页面的场景。
数据
API Key 和设置保存在浏览器 localStorage，会话及附件原件保存在 IndexedDB，本地数据按浏览器用户配置和站点源（origin）隔离。发送对话、上传附件和使用语音功能时，相应内容会提交给配置的 API 服务。
设置中的历史导入导出使用 ZIP 格式。导入会在确认并校验成功后替换全部本地会话和附件；导出包含会话与本地可用的图片原件，不包含 API Key、设置或非图片附件原件。格式与保留范围见历史导入导出。
设置 → 数据管理 → 删除所有对话，会在确认后清空全部本地会话、附件原件和未发送的草稿，停止正在生成的回复并回到新对话。API Key 和其他设置保留，已上传到 API 服务的文件不受影响。
开发与配置
| 命令 | 用途 |
|---|---|
| pnpm dev | 启动开发服务器 |
| pnpm build | 构建到 dist/ |
| pnpm type | TypeScript 类型检查 |
| pnpm lint | oxlint 检查 |
| pnpm format | oxfmt 格式化 |
rspack.config.ts 默认连接 https://api.deepseek.com。createConfig({ apiOrigin, devServer }) 支持自定义 API 地址和开发服务器代理。
聊天默认使用 deepseek-flash，通过 Anthropic 兼容的 Messages / Files API 通信；语音使用 ASR / TTS 接口。请求使用搜索、链接阅读、标题和 latest_reminder 等扩展，接入服务需支持相应能力。附件实际支持的格式以服务端校验为准。
目录结构：
src/
app/ 应用布局、主题与全局样式
components/ 聊天、设置、Markdown 等界面组件
i18n/ 中英文文案
services/
api/ API 请求、SSE 与协议类型
chat/ 会话、消息分支、本地存储与历史导入导出
markdown/ Markdown 解析、代码高亮与图表
speech/ 录音与朗读
utils/ 通用工具
许可证
MIT。构建会将许可证复制到 dist/LICENSE，分发时请一并保留；第三方依赖遵循各自的许可证。
下载地址
https://github.com/deepseek-ai/chat-demo
https://pan.baidu.com/s/1zvUVtcSVRvkMVlqyhM9n0Q?pwd=kktv 提取码: kktv
评论抢沙发