一个简单高效的图片压缩上传工具,支持拖拽上传和粘贴上传,自动生成Markdown格式的图片链接。
- 支持拖拽上传图片
- 支持粘贴上传图片
- 自动压缩图片
- 自动生成Markdown格式的图片链接
- 一键复制图片链接
- 实时图片预览
- 前端:React + TypeScript + Vite
- 后端:Node.js + Express
- 存储:Cloudflare R2
- 克隆仓库
git clone [repository-url]
cd picpic- 安装依赖
# 安装后端依赖
cd backend
npm install
# 安装前端依赖
cd ../frontend
npm install- 配置环境变量
在
backend目录下创建.env文件,添加以下配置:
PORT=3000
ACCESS_KEY_ID=your_access_key_id
SECRET_ACCESS_KEY=your_secret_access_key
BUCKET_NAME=your_bucket_name
R2_ENDPOINT=your_r2_endpoint
CUSTOM_DOMAIN=your_custom_domain- 启动服务
# 启动后端服务
cd backend
npm run dev
# 启动前端服务
cd ../frontend
npm run devMIT