https://github.com/KwokKwok/Silo
多模型同时对话、文生图，纯前端。Multi-model simultaneous chat、text-to-image generation, all done through pure front-end (API mode, no server-side needed).
https://github.com/KwokKwok/Silo
chatbot chatgpt claude frontend multi-model openai self-hosted siliconflow text-to-image
Last synced: 12 months ago
JSON representation
多模型同时对话、文生图，纯前端。Multi-model simultaneous chat、text-to-image generation, all done through pure front-end (API mode, no server-side needed).
- Host: GitHub
- URL: https://github.com/KwokKwok/Silo
- Owner: KwokKwok
- License: mit
- Created: 2024-08-20T14:26:50.000Z (over 1 year ago)
- Default Branch: main
- Last Pushed: 2025-05-07T04:30:35.000Z (12 months ago)
- Last Synced: 2025-05-07T05:26:01.524Z (12 months ago)
- Topics: chatbot, chatgpt, claude, frontend, multi-model, openai, self-hosted, siliconflow, text-to-image
- Language: JavaScript
- Homepage: https://silo-chat.vercel.app/
- Size: 2.31 MB
- Stars: 231
- Watchers: 3
- Forks: 25
- Open Issues: 1
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
- StarryDivineSky - KwokKwok/Silo
README
[English Version](https://github.com/KwokKwok/Silo/blob/main/README_EN.md)
Silo - 纯前端多模型对话、文生图
Silo 是一个主要基于 SiliconCloud API 的应用，目前已支持多个大模型同时对话、文生图，响应极快。支持模型参数调整、余额自动刷新等功能。
你也可以方便的添加 Google Gemini、Claude、X-AI/Grok、OpenAI 等模型。
不需要服务端。
## 特点
🌐 提供浏览器插件和 Web 端的访问方式，插件支持划词解释和页面总结
📱 支持 PWA，可安装为本地应用
🚀 基于 SiliconCloud API，模型丰富，响应快
🔑 配置简单，只需配置一次密钥
💰 支持 SiliconCloud 余额自动刷新
🧩 可以通过自定义模型的功能来接入更多对话模型。快速支持 Gemini、Claude、DeepSeek、智谱等，提供 OpenAI 兼容配置，以及自己写代码的硬核方式
🔄 支持调整模型顺序
🌙 夜间模式
🧘♂️ 禅模式
🇬🇧 多语言支持
📱 手机端支持（受限于屏幕尺寸，提供较简单的版本）
📦 纯前端实现（方便迁移、CDN 部署等，不依赖服务器中转）
🔧 模型参数调整
💬 优化的输入体验
## 通过 URL 设置参数
Silo 支持通过 URL 获取参数，这使得它可以作为搜索引擎使用。例如，在 Chrome 中将 `https://silo-chat.vercel.app/#/chat?q=%s` 添加为搜索引擎。
此外，你可以通过指定 `active_models` 或 `system_prompt_id` 来临时设置新对话页面的模型和系统提示词。
可用参数：
```js
- q: 对话问题，适用于搜索引擎
- active_models: 激活的对话模型 ID，多个模型用英文逗号分隔。模型 ID 可在对话面板中复制
- system_prompt_id: 激活的系统提示词 ID。系统提示词 ID 可在选择页面复制
```
> [!NOTE]
> 比如，你可以通过指定 `system_prompt_id` 提供一个翻译引擎
`https://silo-chat.vercel.app/#/chat?q=%s&system_prompt_id=preset-english-translator`
## 浏览器扩展
当本项目发生版本变更时，会自动打包提交到 Chrome 应用商店。并将产生的 zip 文件上传到 [GitHub Releases](https://github.com/KwokKwok/SiloChat/releases)，您也可以直接下载并在浏览器中安装。
## Docker 部署
```yaml
version: '3.8'
services:
frontend:
image: ghcr.io/kwokkwok/silo:latest
restart: always
ports:
- '3000:3000'
environment:
# 设置硅基流动体验 API 密钥
- SILO_EXPERIENCE_SK=
# 默认激活的对话模型
- SILO_DEFAULT_ACTIVE_CHAT_MODELS=Qwen/Qwen2.5-7B-Instruct,THUDM/glm-4-9b-chat,01-ai/Yi-1.5-9B-Chat-16K
```
## 环境变量及说明
> [!NOTE]
> 本部分普通用户无需关心，仅自行部署者可能需要了解。环境变量配置后可能需要重启或重新部署。请自行验证是否生效。
> [!NOTE]
> 再次提醒，本项目是纯前端的，配置的密钥可能会被恶意使用，请谨慎配置。
```js
- SILO_EXPERIENCE_SK: 硅基流动体验 API 密钥。可输入 0 代表不提供该方式
- SILO_PAID_SK: 硅基流动付费 API 密钥，设置之后不会有体验密钥提示及限制
- PAID_SK_PASSWORD: 保护付费密钥的密码，设置之后用户界面输入密码即可自动使用付费密钥。设置 SILO_PAID_SK 时强烈建议同时设置该变量。请注意，该变量不以 SILO_ 开头
- SILO_AFF_LINK: 硅基流动密钥弹框处注册链接
- SILO_DEFAULT_ACTIVE_CHAT_MODELS: 默认激活的对话模型，多个模型以英文逗号分隔
- SILO_DEFAULT_ACTIVE_IMAGE_MODELS: 默认激活的文生图模型，多个模型以英文逗号分隔
```
## 致谢
1. 感谢 [SiliconCloud](https://siliconflow.cn/zh-cn/siliconcloud)。
1. 聊天页面参考 [Vercel AI Playground](https://sdk.vercel.ai/playground)、分栏参考 [ChatHub](https://chathub.gg/)
1. 翻译使用了 [沉浸式翻译](https://immersivetranslate.com/zh-Hans/) 的默认 Prompt，很有效，感谢！
## 许可证
本项目采用 MIT 许可证。详情请见[LICENSE](LICENSE)文件。
## 更多
Buy me a 辣条
### Buy me a 辣条
> 感谢 [黄少侠@即刻](https://m.okjike.com/users/18C4EC79-964F-4DF5-8D63-033A2345B2ED) 的提议。本项目开源且完全免费，如果您觉得本项目对您有用，欢迎 Buy me a 辣条~
