client

基于 OSS（对象存储库） 图床

基于对象存储服务搭建的图床应用，前端纯静态，无需后端

支持 七牛云 | 又拍云

GitHub Pages Demo | Online Demo

配置你的 token 即可使用

使用

运行项目

# 安装依赖
pnpm install

# 开发预览
pnpm dev

# 构建预览
pnpm build

pnpm preview

🚧 Docker启动

TODO：待构建镜像

配置token

浏览器生成 token

① 点击右上角小钥匙 🔑 图标唤起设置面板

CLI 生成token

访问 cli 目录，修改 .env 中的变量

# 七牛云的 ACCESS_KEY 和 SECRET_KEY
QINIU_ACCESS_KEY=AccessKey
QINIU_SECRET_KEY=SecretKey
# OSS 桶名
QINIU_BUCKET=Bucket

# 绑定的域名，配置时需要带协议,例如 https://abc.example.com
QINIU_DOMAIN=domain
# 资源统一前缀
QINIU_PREFIX=image
# 图片的scope
QINIU_SCOPE=default

# token有效期，默认一个月，单位秒，你可以自行设置
# QINIU_EXPIRES=2592000

# 又拍云相关配置
UPYUN_OPERATOR=operator
UPYUN_PASSWORD=password
UPYUN_BUCKET=service-name
UPYUN_DOMAIN=http://service-name.test.upcdn.net
UPYUN_PREFIX=image
UPYUN_SCOPE=default
# token有效期，默认一个月，单位秒，你可以自行设置（60*60*24*30）
# UPYUN_EXPIRES=2592000

最后资源地址为 domain/prefix/scope/md5

① 七牛云：执行生成 token 脚本

npm run generate
# 或者
node token.js

② 又拍云：执行生成 token 脚本

npm run generate:upyun
# 或者
node upyun-token.js

配置项目默认

执行 node token.js 默认会生成这个文件

在 packages/client 下创建.env.local

VITE_APP_UPLOAD_TOKEN=你的token

启动构建项目即可

临时配置

token 将会存在本地（浏览器 LocalStorage）