mirror of
https://github.com/MarSeventh/CloudFlare-ImgBed.git
synced 2026-01-31 09:03:19 +08:00
18f021c6b23884a6e7df88e1fcc53f562a3a86b3
Telegraph-Image
注意:本仓库为Telegraph-Image项目的前端重制版,如果你觉得本项目不错,在支持本项目的同时,也请支持原项目。
1.Introduction
cf-pages/Telegraph-Image项目的前端重制版,实现了上传图片预览,多文件上传,拖拽上传,整体复制等功能。
2.Features
- 前端开源(可自行修改、打包使用)
- 流畅丝滑的过渡动画~
- 支持批量上传(不限同时选择文件数量,但为了保证稳定性,同时处于上传状态的文件最多为10个)
- 上传文件实现呼吸灯效果
- 上传显示实时上传进度
- 支持整体复制和单独复制(整体复制即将所有链接通过换行串联起来后复制)
- 上传后图片无需手动点击,可直接展示在管理页面中
3.Deployment
3.1直接使用
部署方式和环境变量和原仓库保持一致。
提前准备
你唯一需要提前准备的就是一个 Cloudflare 账户 (如果需要在自己的服务器上部署,不依赖 Cloudflare,可参考#46 )
手把手教程
简单 3 步,即可部署本项目,拥有自己的图床
-
Fork 本仓库 (注意:必须使用 Git 或者 Wrangler 命令行工具部署后才能正常使用,文档)
-
打开 Cloudflare Dashboard,进入 Pages 管理页面,选择创建项目,选择
连接到 Git 提供程序
- 按照页面提示输入项目名称,选择需要连接的 git 仓库,点击
部署站点即可完成部署
后台管理及图片审核功能
请参照原项目仓库设置对应的环境变量。
3.2定制化修改
按照3.1步骤部署完成后,前往仓库MarSeventh/Sanyue-ImgHub,按照操作说明进行DIY和打包操作,最后将打包好的/dist目录中的内容替换到该仓库的根目录下即可(复制+替换)。
4.TODO
- 增加粘贴图片上传功能
- 增加markdown、html等格式链接复制功能
5.Tips
前端开源,参见MarSeventh/Sanyue-ImgHub项目。
如果觉得项目不错希望您能给个免费的star✨✨✨,非常感谢!
Languages
JavaScript
100%


