【白嫖大善人】基于Telegraph的CF免费图床有全新前端啦!!!(开源、清晰、美观、动画丝滑、玩法多样)

起因

相信混迹于L站的各位佬友都对 cf-pages/Telegraph-Image这个白嫖CloudFlare大善人的免费图床有所耳闻。
但是相信用过的佬友都知道,这个图床的前端(上传页面)并未开源,导致很多页面内容无法自定义,并且上传也不支持批量上传、拖拽上传等各种更加方便的上传方式。
苦于没有找到其他大佬为该项目重制的前端,就只能用自己拙劣的vue技术手搓了一个新的前端,并且将项目开源了出来,希望能帮到更多和我面临一样问题的朋友。
此外,在@hl128k大佬的帮助下,项目也实现了Web和API端的鉴权上传功能,如果不想将图床公开的话,只需要简单地设置一个环境变量便可实现图床的私有化。 :smiling_face_with_three_hearts:

前端展示




体验地址

Sanyue ImgHub
认证码留空即可。

项目 Features

  • 前端开源(可自行修改、打包使用)
  • 流畅丝滑的过渡动画~
  • 支持批量上传(不限同时选择文件数量,但为了保证稳定性,同时处于上传状态的文件最多为10个)
  • 上传文件实现呼吸灯效果
  • 上传显示实时上传进度
  • 支持整体复制和单独复制(整体复制即将所有链接通过换行串联起来后复制)
  • 支持Markdown、HTML等多种格式复制
  • 上传后图片无需手动点击,可直接展示在管理页面中
  • 支持Web和API上传认证(感谢hl128k
  • 支持访问域名限制(感谢hl128k
  • 支持一键切换上传方式(拖拽点击、复制粘贴)

项目 Deployment

目前该项目支持在原来已部署项目上直接修改前端,或者直接fork我修改好的仓库进行部署

项目地址

原作者项目: cf-pages/Telegraph-Image
新前端: MarSeventh/Sanyue-ImgHub
修改前端后的完整项目: MarSeventh/CloudFlare-ImgBed

注意

项目基于原项目,在您支持本项目的同时,也请务必支持原项目和原作者,谢谢!!!
另外,前端是不到一天时间手搓出来的,若有bug请各位海涵,并且欢迎大家提issues一起讨论。

429 个赞

:cow: :beer:

8 个赞

老样子 后端的图片显示需要访问过图片链接才能访问的bug有没有改

4 个赞

改了,现在缩略图提前访问了一遍上传好的图片,不需要再手动访问

6 个赞

那可太棒啦

5 个赞

现在就去部署

4 个赞

嘿嘿,有bug欢迎反馈

3 个赞

感谢分享

5 个赞

好好好

4 个赞

好好好ദ്ദി(• ˕ •マ.ᐟ

3 个赞

标题可能掺杂夸张成分( :rofl:
喜欢的话给个小心心哦,项目也可以随手star以下,让更多人看见。 :smiling_face_with_three_hearts:

3 个赞

牛啊佬

2 个赞

没有啦,只是做了前端,后端什么的都没有动 :blush:

谢谢大佬

1 个赞

不客气

1 个赞

感谢分享,这个有后台界面吗

3 个赞

有的,后台界面和原作者项目完全一致,使用方式可以参照原项目。

3 个赞

大佬牛逼,刚才试了一下,非常丝滑,以前这个项目有bug,最大只能传3MB,现在可以传5MB了

3 个赞

好好好,搞个玩玩

star已点 支持

2 个赞