前言

chagpt网页版可以生成图片，但是免费用户每天只能固定生成那么多，有时候不够。

所以就需要额外生成，而别的项目基本都是画布类型的，对于不了解的人使用起来有点难受。

于是我就用Astro构建了一个支持对话与生图的Web应用。

功能特性

💬 对话模式：流式输出（SSE），ChatGPT 风格消息布局（AI 左 / 用户右，带头像） 🎨 生图模式：AI 生图、上传参考图（图生图 / 图片编辑） 🖼️ 图片能力： 点击图片全屏灯箱查看 所有图片统一提供「下载」和「编辑」按钮 编辑按钮可把图片重新加入输入框继续生成 🌙 日夜主题切换（默认白天，持久化保存） ⚙️ 设置弹窗：对话与生图两套 API 配置（地址 / Key / 模型），存浏览器 💾 本地存储：对话记录、API 设置、主题均保存在 localStorage，并提供一键清除 📁 多对话管理：左侧栏新建 / 切换 / 删除对话

使用说明

打开页面后点击右上角 设置 按钮

分别填写「对话配置」和「生图配置」的 API 地址、Key 与模型

对话示例：https://api.openai.com/v1，模型如 gpt-4o-mini

生图示例：https://api.openai.com/v1，模型如 gpt-image-1

点击保存即可开始对话或生图

生图模式

切换到「生图」标签，输入描述生成图片

可点击图片图标上传参考图，实现图生图 / 图片编辑（走 /images/edits 接口）

支持只传图不写文字（自动使用默认提示词）

数据存储

所有数据存于浏览器 localStorage：

gpt_clone_v1：API 设置 + 对话记录 + 当前会话

gpt_clone_theme：主题偏好

可在设置弹窗底部点击「清除浏览器中保存的信息」一键清空并刷新。

项目地址

部署平台

代码存储在cnb上，部署在eo pages上。

注意事项

因为是基于Astro构建的，所以api端点需要使用eo pages的cloud functions。 所以最好个人使用，不要分享给他人。

君子喻于义,小人喻于利