---

• 📤 智能上传 - 拖拽、粘贴、批量上传，实时进度显示
• 🖼️ 图片管理 - 网格/列表视图，搜索筛选，批量操作
• 🎨 图片编辑 - 滤镜、亮度/对比度/饱和度调整，旋转缩放
• ⭐ 收藏功能 - 快速收藏常用图片
• 🏷️ 标签管理 - 自定义标签，颜色分类
• 👤 用户系统 - JWT 认证，个人资料，使用统计
• 🌓 深色模式 - 自动切换，护眼舒适
• 📱 响应式设计 - 完美适配桌面、平板、手机

• ⚡ 极速加载 - Vite 构建、代码分割、懒加载
• 🎭 精美动画 - Framer Motion 流畅过渡动画
• 🎨 现代 UI - 玻璃态设计、react-icons 图标库
• � 安全可靠* - JWT 认证、密码哈希、CORS 保护
• 💰 完全免费 - 基于 Cloudflare Workers 和 Telegram
• 🌍 全球加速 - Cloudflare 全球 CDN
• 📦 无限存储 - 利用 Telegram 作为图片存储后端

• Node.js 18+
• Cloudflare 账户（免费）
• Telegram Bot Token（免费）

# 1. 克隆仓库
git clone https://github.com/xiyewuqiu/new-lmage.git
cd new-lmage

# 2. 安装依赖
npm install
cd client && npm install && cd ..

# 3. 配置环境变量（编辑 wrangler.toml）
# TG_Bot_Token = "your-bot-token"
# TG_Chat_ID = "your-chat-id"
# JWT_SECRET = "your-secret-key"

# 4. 登录 Cloudflare
npx wrangler login

# 5. 创建 KV 存储
npm run create-kv

# 6. 一键部署
npm run build:deploy

new-lmage/
├── src/                      # 后端代码（Cloudflare Workers）
│   ├── functions/
│   │   ├── user/            # 用户认证 API
│   │   ├── file/            # 文件访问
│   │   └── utils/           # 工具函数
│   └── index.js             # 后端主入口
│
├── client/                  # 前端代码（React）
│   ├── src/
│   │   ├── components/      # UI 组件（16个）
│   │   ├── pages/           # 页面组件（10个）
│   │   ├── layouts/         # 布局组件
│   │   ├── store/           # Zustand 状态管理（5个）
│   │   ├── services/        # API 服务
│   │   └── styles/          # 全局样式
│   └── vite.config.js
│
├── public/                  # 静态资源
├── wrangler.toml            # Cloudflare 配置
└── package.json

前端	后端
React 18.3	Cloudflare Workers
Vite 5	Hono
Zustand	KV Storage
React Router 6	Telegram Bot API
Framer Motion
react-icons
Axios

npm run dev              # 启动后端开发服务器
npm run dev:client       # 启动前端开发服务器
npm run build            # 构建前端
npm run deploy           # 部署到 Cloudflare
npm run build:deploy     # 构建并部署
npm run create-kv        # 创建 KV 命名空间

端点	方法	描述
/api/auth/register	POST	用户注册
/api/auth/login	POST	用户登录
/api/auth/user	GET	获取当前用户
/upload	POST	上传图片
/api/images	GET	获取图片列表
/api/images/:id	DELETE	删除图片
/api/favorites	GET	获取收藏列表
/api/favorites/:id	POST/DELETE	添加/取消收藏
/api/tags	GET/POST	获取/创建标签
/file/:id	GET	访问图片文件

AGPL-3.0-with-Commons-Clause

• React
• Cloudflare Workers
• Telegram
• Hono
• Framer Motion

---