【更新】Telegraph-Image免费自建图床新增后台图片管理功能-future

之前随口一说GIthub上超过500 Star就更新图片管理功能，本来想的是一个小小的图床程序根本不可能达到500 Star，但没想到各位大佬十分热情，好家伙，一下子没过几个月时间就给我点到600+ Star了。没办法既然是答应了的事情，只能是硬着头皮把图片管理功能写出来。

虽然在开发的过程中遇到了许多困难，花费的时间比我预想中的多了许多，发布的时间也是一拖再拖，在连续熬了几个夜晚之后，终于赶在春节之前发布这次的更新，也提前在此新春佳节即将来临之际祝各位大佬春节快乐！在新的一年里能够实现自己心中的愿望！

废话不多说，直接上代码：
https://github.com/cf-pages/Telegraph-Image

之前没有部署过的大佬，直接fork本仓库就可以去Cloudflare Pages后台进行部署了。

下面就来介绍本次更新的主要内容：

1、万众期待的图片管理功能，默认是关闭的，如需开启请部署完成后前往后台依次点击“设置”->“函数”->"KV 命名空间绑定"->“编辑绑定”->"变量名称"填写：img_url “KV 命名空间”选择你提前创建好的KV储存空间，开启后访问http(s)://你的域名/admin 即可打开后台管理页面


（如何创建KV储存空间，请参考： https://github.com/xyTom/Url-Shorten-Worker/#%E5%8E%BBworkers-kv%E4%B8%AD%E5%88%9B%E5%BB%BA%E4%B8%80%E4%B8%AA%E5%91%BD%E5%90%8D%E7%A9%BA%E9%97%B4）

2、后台管理页面新增登录验证功能，默认也是关闭的，如需开启请部署完成后前往后台依次点击“设置”->“环境变量”->"为生产环境定义变量"->“编辑变量”

“变量名称” “值”
BASIC_USER =<后台管理页面登录用户名称>
BASIC_PASS =<后台管理页面登录用户密码>

当然你也可以不设置这两个值，这样访问后台管理页面时将无需验证，直接跳过登录步骤，这一设计使得你可以结合Cloudflare Access进行使用，实现支持邮件验证码登录，Microsoft账户登录，Github账户登录等功能，能够与你域名上原有的登录方式所集成，无需再次记忆多一组后台的账号密码，添加Cloudflare Access的方式请参考官方文档，也欢迎各位大佬分享教程，注意需要保护路径包括/admin 以及 /api/manage/*

3、新增图片总数量统计
当开启图片管理功能后，可在后台顶部查看记录中的图片数量

4、新增图片文件名搜索
当开启图片管理功能后，可在后台搜索框使用图片文件名称，快速搜索定位需要管理的图片

5、新增图片状态显示
当开启图片管理功能后，可在后台查看图片当前的状态{ "ListType": "None", "TimeStamp": 1673984678274 }
ListType代表图片当前是否在黑白名单当中，None则表示既不在黑名单中也不在白名单中，White表示在在白名单中，Block表示在黑名单中，TimeStamp为图片首次加载的时间戳，如开启的图片审查API，则这里还会显示图片审查的结果用Label标识

6、新增黑名单功能
当开启图片管理功能后，可在后台手动为图片加入黑名单，加入黑名单的图片将无**常加载

7、新增白名单功能
当开启图片管理功能后，可在后台手动为图片加入白名单，加入白名单的图片无论如何都会正常加载，可绕过图片审查API的结果

8、新增记录删除功能
当开启图片管理功能后，可在后台手动删除图片记录，即不再后台显示该图片，除非有人再次上传并加载该图片，注意由于图片储存在telegraph的服务器上，我们无法删除上传的原始图片，只能通过上述第6点的黑名单功能屏蔽图片的加载

9、新增程序运行模式：白名单模式
当开启图片管理功能后，除了默认模式外，这次更新还新增了一项新的运行模式，在该模式下，只有被添加进白名单的图片才会被加载，上传的图片需要审核通过后才能展示，最大程度的防止不良图片的加载，如需开启请设置环境变量：WhiteList_Mode=="true"

10、新增后台图片预览功能
当开启图片管理功能后，可在后台预览通过你的域名加载过的图片，点击图片可以进行放大，缩小，旋转等操作

这次的更新内容很多，可以算是重量级更新了，整个程序的后端代码几乎全部重写了一遍，也花了不少时间，希望各位大佬觉得好用的话，看在我连续熬夜肝了这么久的份上能否帮我在Github上点个免费的Star，也可以帮我多多宣传一下，分享给更多的人，非常感谢！

已经部署了的，如何更新？
其实更新非常简单，只需要参照上面的更新内容，先进入到Cloudflare Pages后台，把需要使用的环境变量提前设置好并绑定上KV命名空间，然后去到Github你之前fork过的仓库依次选择“Sync fork"->"Update branch"即可，稍等一会，Cloudflare Pages那边检测到你的仓库更新了之后就会自动部署最新的代码了

一些注意事项：
Cloudflare KV每天只有1000次的免费写入额度，每有一张新的图片加载都会占用该写入额度，如果超过该额度，图片管理后台将无法记录新加载的图片
每天最多 100,000 次免费读取操作，图片每加载一次都会占用该额度（在没有缓存的情况下，如果你的域名在Cloudflare开启了缓存，当缓存未命中时才会占用该额度），超过黑白名单等功能可能会失效
每天最多 1,000 次免费删除操作，每有一条图片记录都会占用该额度，超过将无法删除图片记录
每天最多 1,000 次免费列出操作，每打开或刷新一次后台/admin都会占用该额度，超过将进行后台图片管理

绝大多数情况下，该免费额度都基本够用，并且可以稍微超出一点，不是已超出就立马停用，且每项额度单独计算，某项操作超出免费额度后只会停用该项操作，不影响其他的功能，即基本我的免费写入额度用完了，我的读写功能不受影响，图片能够正常加载，只是不能在图片管理后台看到新的图片了。

如果你觉得免费额度实在不够用，可以自行向Cloudflare购买Cloudflare Workers的付费版本，每月$5起步，按量收费，没有上述额度限制（怎么感觉我在给Cloudflare打广告？Cloudflare赶紧打钱，把广告费结一下 /doge）

上述注意事项所得出的结论是经过多天的反复测试得出的，基本应该是成立的，但不排除后期Cloudflare突然改变相关政策。其次，本次更新所发布的全部功能，都经过了多次的反复测试，如在使用过程中各位大佬遇到bug，很有可能是Cloudflare或是浏览器缓存造成的，可以尝试先清除一下缓存再试，另外针对环境变量所做的更改将在下次部署时生效，如更改了环境变量，请记得重新部署。

如果尝试了清除缓存，重新部署还是有问题的话，可以在github上提issue反馈，毕竟这次更新的功能较多，然后我一个人的水平和时间都比较有限，虽然已经是做了反复测试，但还是很难说是把每一个功能，每一种情况都测试到，出现bug在所难免。能赶在新年之前发布，作为送给各位大佬的新年礼物，对于我个人来说已经是很不容易了，开发过程中遇到了许多困难，曾多次想要放弃，想直接鸽了算了，但是一想到有这么多大佬在默默的支持我，在Github上给我点小星星，我就觉得不能辜负了各位大佬的好意，无论如何都要咬牙把图片管理功能更新出来。

Ok，就先写这么多了，我已经有点顶不住了，后续有问题在修改吧，连续熬了几天夜，现在准备去补觉了，这个帖子我是在半梦半醒中写的，可能有写的不好的地方，或是写不明白的地方，各位大佬可以回帖向我说明，等会睡醒了我会一一回复的

热议
推荐楼 雾山 7小时前

之前fork的直接更新了，现在后台管理都有了，不过新传图，后台管理还是空的，kv里也没记录

推荐楼 future 7小时前

就差部署到小鸡上了

后续会考虑移植到支持vps环境

2楼 alecctv 7小时前

帮顶

3楼 lspro 7小时前

绑定，之前提到没有后台管理，这次加上了，感谢分享

4楼 smu 7小时前

支持技术大佬

5楼 danielzi 7小时前

mark

6楼 一口 7小时前

lz的头像白夜行啊~

7楼 Caxen 7小时前

不需要管理功能的话，有必要更新吗？

8楼 蛋饼 7小时前

感谢大佬

9楼 imes 7小时前

不错不错，我也去搞一个

10楼 evafza 7小时前

难得前排支持一下

12楼 iww 7小时前

牛逼,可以搞一个文件床吗

13楼 siyun77 7小时前

大佬牛逼，支持。不过更倾向于自建图床

14楼 gyhl 7小时前

技术贴，牛逼牛逼

15楼 future 7小时前

补一张测试过程中超出kv免费使用额度的截图，仅供参考，如需长期超额使用，请购买付费套餐

该截图是Demo图床所对应的kv，目前该图床已超出免费的写入额度，目前无法在图片管理后台看到新加入的图片，但是不影响其他功能的使用，各位大佬可以自行访问Demo网站测试：https://im.gurl.eu.org

16楼 future 7小时前

就差部署到小鸡上了

后续会考虑移植到支持vps环境

17楼 Nassa 7小时前

围观

18楼 lamb 7小时前

支持，话说加个可以配合picgo一起使用的功能吗

19楼 future 7小时前

支持，话说加个可以配合picgo一起使用的功能吗

https://github.com/secflag/picgo-plugin-telegraph-image

可以看下这位大佬写的

20楼 2life.top 7小时前

NB,MJJ太顶了

22楼 雾山 7小时前

之前fork的直接更新了，现在后台管理都有了，不过新传图，后台管理还是空的，kv里也没记录

23楼 future 6小时前

之前fork的直接更新了，现在后台管理都有了，不过新传图，后台管理还是空的，kv里也没记录 ...

要图片首次访问过后才能被记录到

24楼 Kuro 6小时前

mark！

25楼 acpp 6小时前

补一张测试过程中超出kv免费使用额度的截图，仅供参考，如需长期超额使用，请购买付费套餐

这个超过免费额度后会怎么样？直接不响应停止服务还是号有可能被封

26楼 gajiodgaj 6小时前

技术贴帮顶

27楼 imes 6小时前

大佬把创建KV储存空间说一下吧，跟着教程过不了，你放的哪个链接说的太模糊了，没有你自己写的好。

28楼 晴空 6小时前

来个vps版的 不就不用担心次数限制么吗？

29楼 惜为伊人醉 6小时前

后排支持一下大佬！

30楼 mourner 6小时前

上传图片后，后台不记录

32楼 telnetpig 6小时前

先顶一下

33楼 mikj521 6小时前

大佬 后台访问提示
Dashboard is disabled. Please bind a KV namespace to use this feature.是啥问题? 按照你写的教程操作的

34楼 鸡不择食 6小时前

大佬

35楼 lamb 5小时前

https://github.com/secflag/picgo-plugin-telegraph-image

可以看下这位大佬写的

谢啦

36楼 b66667777 5小时前

好

37楼 Aa. 5小时前

牛逼牛逼

38楼 全局管理员 5小时前

先顶为敬.

设置了BASIC_PASS BASIC_USER,域名/admin就直接进了dashboard了,,没有要求输入密码,浏览器开无痕模式也一样.
另外你文字说明绑定kv空间的变量名称是img_url
图片里是img url,,中间是个空格,不知哪个为准.

39楼 三丫的 5小时前

大佬牛比

40楼 有点儿意思 5小时前

mark

42楼 那山很优雅 4小时前

上传的图片，访问过之后也没看到记录，不知道啥情况

43楼 Zeros 2小时前

绑定

44楼 不懂事的依旧 2小时前

绑定

45楼 SarK 2小时前

make

46楼 3514088137 1小时前

在配置下CF优选就完美了

47楼 Ryen 1小时前

直接白**fork 星

48楼 Mr.lin 1小时前

技术贴绑定

49楼 3514088137 1小时前

上传的图片，访问过之后也没看到记录，不知道啥情况

一样，如果有解决方法麻烦告诉下

50楼 DogeLee2 1分钟前

技术贴
支持下大佬

申明：本文内容由网友收集分享，仅供学习参考使用。如文中内容侵犯到您的利益，请在文章下方留言，本站会第一时间进行处理。