单文件即用版:本仓库以
Open-Chat.html为主页面,已提供 Electron 打包配置,可一键打包为 Windows 安装包。
- 🎯 多模型支持:OpenAI、OpenRouter、以及自定义 API 提供商
- 💬 智能对话:支持流式与非流式响应,Markdown 渲染与代码高亮
- 📱 响应式设计:桌面与移动端皆有良好体验
- 🔧 自定义配置:API URL、API Key、系统提示词、自定义模型管理
- 📚 历史记录:本地保存与加载对话历史,支持快速切换会话
- 🎨 现代 UI:Tailwind CSS + 动效完善的交互体验
- ⚡ 强化交互:发送按钮脉冲、悬停、点击反馈、水波纹、加载与成功反馈动画
- 前往 Releases 下载最新版本
- 下载
Open-GPT Setup 1.0.1.exe(Windows) - 运行安装程序并完成安装
- 启动应用后在“设置”中配置 API 提供商与密钥
# 克隆仓库(或将当前文件夹作为项目根目录)
# git clone https://github.com/your/repo.git
# cd open-gpt
# 安装依赖
npm install
# 启动开发(Electron)
npm start
# 构建打包(安装包输出在 dist/)
npm run dist也可直接双击
Open-Chat.html在浏览器中打开;或使用本地静态服务器:python -m http.server 8000后访问http://localhost:8000/Open-Chat.html。
- 点击右上角“设置”图标打开设置面板
- 选择 API 提供商:
- OpenAI:使用官方 OpenAI API
- OpenRouter:聚合服务,提供多家模型
- 自定义:可配置自有 API 端点
- 输入对应的 API Key
- 选择或添加模型(支持自定义模型 ID 与显示名称)
- 可选:编辑系统提示词(System Prompt)
- OpenAI:支持最新模型,自动获取并显示可用列表,支持排序与优先级标记
- OpenRouter:覆盖 100+ 开源/商业模型,区分免费与付费并显示定价信息
- 前端:Vue.js(CDN 引入)、Tailwind CSS、Font Awesome、Marked.js
- 桌面端:Electron 27
- 构建:electron-builder(NSIS 安装包)
Open-Chat/
├── Open-Chat.html # 主页面(模板/样式/逻辑与动效)
├── main.js # Electron 主进程入口
├── package.json # 项目与打包配置
├── README.md # 项目说明(本文件)
├── dist/ # 构建输出目录
│ ├── Open-GPT Setup 1.0.1.exe # Windows 安装包
│ └── win-unpacked/ # 未打包应用文件
└── 下载 (4).png # 截图示例
- 基本对话:在底部输入框输入问题(占位提示:
Ask anything),按 Enter 或点击发送 - 历史记录:左侧侧边栏查看/切换历史会话
- 新建对话:顶部“+”按钮即可
- 欢迎标题:
I'm Open-GPT How can I help? - 模型展示:
Model:<当前选择模型>
- 新增
- 发送按钮交互增强:脉冲动画、点击反馈、悬停缩放/阴影/颜色过渡、图标弹跳、加载态动画、水波纹与成功反馈
- 新增方法:
handleSendButtonClick、addRippleEffect;新增数据状态:buttonClickEffect - 引入 Electron 配置与打包脚本,支持一键构建 Windows 安装包
- 修改
- 欢迎标题改为:
I'm Open-GPT How can I help? - 模型标签从“当前模型:”改为“Model:”
- 输入框占位提示从“问我任何问题”改为
Ask anything
- 欢迎标题改为:
- 输出
- 生成安装包:
dist/Open-GPT Setup 1.0.1.exe
- 生成安装包:
- 初始版本发布
- 支持多种 AI 模型
- 实现流式对话
- 响应式界面设计
- 完整的配置系统
- 控制台出现
404 /@vite/client:使用静态服务器时的预期日志,不影响功能 OpenRouter模型加载失败(Failed to fetch):检查网络与是否配置正确的 API Key/URL- 直接双击打开本地文件导致请求受限:建议使用本地静态服务器或 Electron 启动
- Windows SmartScreen 提示:安装包未签名为正常现象,可选择“仍要运行”(企业/生产环境建议签名)
欢迎提交 Issue 与 Pull Request:
- Fork 本仓库
- 创建特性分支:
git checkout -b feature/awesome - 提交更改:
git commit -m "feat: add awesome feature" - 推送分支:
git push origin feature/awesome - 发起 Pull Request
本项目采用 MIT 许可证,可自由使用、复制、修改与分发(需保留版权与许可证声明)。
如果这个项目对你有帮助,请给它一个 ⭐️
Made with ❤️ by Open-GPT Team
.png)