全球主机交流论坛

标题: 让每个mjj都拥有属于自己的图床,白女票cf+telegraph,简化部署 [打印本页]

作者: future 时间: 2022-11-1 06:56
标题: 让每个mjj都拥有属于自己的图床,白女票cf+telegraph,简化部署
本帖最后由 future 于 2022-11-1 09:02 编辑

看到坛子里有Telegraph电报图床零成本的帖子:
https://91ai.net/forum.php?mod=viewthread&tid=1092407

感觉部署流程稍微有些繁琐，于是乎便在feixiang大佬原有代码的基础上进行了些许修改，进一步完善了该项目。

先直接上修改完成后的代码：https://github.com/cf-pages/Telegraph-Image

不想看后面内容的mjj可以直接fork该仓库，进入Cloudflare Pages后台一键完成部署，方便快捷，无需其他操作

主要修改的内容包括：

1.简化部署流程
将原本需要单独部署到Cloudflare Worker上的代码直接整合到Cloudflare Pages Function当中去，实现只需要部署Cloudflare Pages即可完成图床搭建，无需再去Cloudflare Worker当中配置路由规则，方便快捷。

2.背景图不再依赖第三方接口
修改之前背景图所依赖的第三方网站接口，直接调用bing官方的API接口，避免因为第三方服务挂掉导致的问题

3.微调用户界面样式
为上传图片的方框添加透明效果，不至于完全遮挡住后面的bing图片，不妨碍背景图的显示，使得整体页面感觉更加美观，如不喜欢这种透明的效果，可以直接将源代码中的index.html第6行至第13行删去，即可还原初始的样式

详细部署教程

由于已经将Cloudflare Worker部分的代码合并到了Cloudflare Pages Function当中，故只需要部署Cloudflare Pages就可以了。

简化后的部署流程，只需要简单的3步

第一步： Fork github仓库：https://github.com/cf-pages/Telegraph-Image （注意：一定要fork该仓库，直接上传貌似有Bug，无法部署成功）(如果可以的话，fork仓库时顺手点下旁边的Star，提前谢谢各位大佬了！）

第二步：打开Cloudflare Dashboard，进入Pages管理页面，选择创建项目，请务必选择连接到 Git 提供程序（直接上传目前貌似存在Bug）

第三步：按照页面提示选择需要连接的git仓库，点击`部署站点`即可完成部署

这个时候访问Cloudflare Pages免费提供的项目名称.pages.dev 就可以直接使用了，如果需要绑定自己的域名可以参考feixiang大佬的帖子

演示站：https://im.gurl.eu.org

最后感谢feixiang大佬分享的代码和部署教程

作者: irony 时间: 2022-11-1 06:57
大清早的就开始放大招

作者: 有点儿意思 时间: 2022-11-1 06:57
牛比

作者: 大炮 时间: 2022-11-1 06:58
不错，一会去整个，给你这个教程点赞。。。

作者: Waylon 时间: 2022-11-1 07:06
一个比一个狠

作者: coxpc 时间: 2022-11-1 07:07
前排支持

作者: 0.0 时间: 2022-11-1 07:11
流弊，顶

作者: 匿名 时间: 2022-11-1 07:17
提示: 作者被禁止或删除内容自动屏蔽

作者: 美国总统奥巴马 时间: 2022-11-1 07:20
本帖最后由美国总统奥巴马于 2022-11-1 07:22 编辑

作者: 账号小号 时间: 2022-11-1 07:45
牛逼

作者: Alen 时间: 2022-11-1 07:54
本帖最后由 Alen 于 2022-11-1 07:55 编辑

多谢楼主，速度咋样

作者: iiss 时间: 2022-11-1 07:55
没图片管理后台？

作者: van 时间: 2022-11-1 07:55
顶起来，感谢技术大佬，这才是loc应有的样子

作者: zvkv 时间: 2022-11-1 08:04
一代后浪推前浪
一代更比一代浪

作者: jzelynn 时间: 2022-11-1 08:06
厉害哦，人手一个图床

作者: lzlancom 时间: 2022-11-1 08:07
mark

作者: nieyuli 时间: 2022-11-1 08:09
大佬牛x，这样的教程适合小白的我~

感谢feixiang大佬分享的代码和部署教程

作者: kylehao 时间: 2022-11-1 08:10
简单好用

作者: coouk 时间: 2022-11-1 08:13
，66333

作者: greencloudvps 时间: 2022-11-1 08:13
支持技术贴

香港cn2月付2$建站机 | 斯巴达建站测试

作者: 北故 时间: 2022-11-1 08:15
顶一下，感谢分享

作者: Tankie 时间: 2022-11-1 08:16
过一会儿自己好了，谢谢大佬

作者: wower 时间: 2022-11-1 08:26
收藏

作者: okfree 时间: 2022-11-1 08:27
牛逼

作者: 东哥的兄弟 时间: 2022-11-1 08:28
很实用很强势，别人有我也要有，马上去部署

作者: younglion 时间: 2022-11-1 08:29
顶一下，感谢分享

作者: gajiodgaj 时间: 2022-11-1 08:38
支持技术帖子帖子

感谢分享，论坛有你更精彩

作者: feixiang 时间: 2022-11-1 08:43
牛逼啊，我昨天晚上睡觉之前，
我还在github看到有调用bing的官方壁纸接口，
准备今天研究下呢，你这就搞出来了。

作者: 三丫的 时间: 2022-11-1 08:43

作者: 孙笑川 时间: 2022-11-1 08:44
提示: 作者被禁止或删除内容自动屏蔽

作者: yushui 时间: 2022-11-1 08:48
上传后返回的链接格式，如果多一个 Markdown 格式就更好了

作者: gajiodgaj 时间: 2022-11-1 08:50

感谢分享，论坛有你更精彩

作者: 度百 时间: 2022-11-1 08:56
牛批plus

作者: future 时间: 2022-11-1 08:58

feixiang 发表于 2022-11-1 08:43
牛逼啊，我昨天晚上睡觉之前，
我还在github看到有调用bing的官方壁纸接口，
准备今天研究下呢，你这就搞出 ...

哇，大佬本人来回帖了！感谢大佬的认可！

作者: shares 时间: 2022-11-1 08:58
确实简单
能管理自己传的图片吗？

作者: Mintian 时间: 2022-11-1 08:58
本帖最后由 Mintian 于 2022-11-1 09:00 编辑

作者: 北故 时间: 2022-11-1 08:59
本帖最后由北故于 2022-11-1 09:03 编辑

已成功部署，很不错
https://picb.pages.dev/

作者: future 时间: 2022-11-1 09:00
本帖最后由 future 于 2022-11-1 13:23 编辑

shares 发表于 2022-11-1 08:58
确实简单
能管理自己传的图片吗？

目前暂时还不支持这个功能，因为是在feixiang大佬原有代码基础上修改的，原本代码并未支持图片管理，后续要是用的人多（Star数量多的话），需求较大的话可以考虑支持一下

回点评：5000 Star有点过分了，能有个十分之一我就更新下一期

我看回帖，目前大家呼声最高的就是图片管理了，下一期的更新内容就暂定是它了

作者: snoopy4444cn 时间: 2022-11-1 09:02
太牛了，已部署

作者: 孙笑川 时间: 2022-11-1 09:06
提示: 作者被禁止或删除内容自动屏蔽

作者: zhongziso 时间: 2022-11-1 09:10
感谢分享....

作者: 老年先疯队队长 时间: 2022-11-1 09:11
哈都是厉害角色啊

作者: 陆伯言 时间: 2022-11-1 09:13
牛皮支持！！！！

作者: 今晚不吃饭 时间: 2022-11-1 09:13
速度有一点慢

作者: future 时间: 2022-11-1 09:14

孙笑川发表于 2022-11-1 09:06
老哥能限制只能自己传吗

抱歉，目前程序本身还不支持这个功能，如果想限制别人访问，可以通过使用Cloudflare Access来实现，后续看情况可能会加入该功能

作者: 孙笑川 时间: 2022-11-1 09:15
提示: 作者被禁止或删除内容自动屏蔽

作者: future 时间: 2022-11-1 09:17

今晚不吃饭发表于 2022-11-1 09:13
速度有一点慢

速度和Cloudflare本身的网络质量有关，因为本身就是完全部署Cloudflare的服务器上，国外速度肯定是没问题的，国内的话部分地区可能就要参考论坛之前大佬发的一些帖子，通过自选ip，使用国内服务器反代cf节点来加快访问速度了

作者: sooyes 时间: 2022-11-1 09:19
本帖最后由 sooyes 于 2022-11-2 08:24 编辑

https://im.gurl.eu.org/file/63753ca8649b7e3a53c8d.mp4

手机端可以直接传视频

作者: 阿土仔 时间: 2022-11-1 09:19

作者: coouk 时间: 2022-11-1 09:19
https://img.zote.eu.org/

作者: yem 时间: 2022-11-1 09:32
大佬太牛了，人人一个图床

作者: shares 时间: 2022-11-1 09:39

future 发表于 2022-11-1 09:00
目前暂时还不支持这个功能，因为是在feixiang大佬原有代码基础上修改的，原本代码并未支持图片管理，后续 ...

好的，谢谢大佬

作者: 小妖怪 时间: 2022-11-1 09:39
大佬能不能加个压缩功能，telegraph限制5m

作者: hchen 时间: 2022-11-1 09:45
已经上车，感谢，有个小小的小问题（可能是我的食用姿势不对），不能一次传多张图片。

作者: future 时间: 2022-11-1 09:50

hchen 发表于 2022-11-1 09:45
已经上车，感谢，有个小小的小问题（可能是我的食用姿势不对），不能一次传多张图片。 ...

大佬原本的代码好像就只是支持一次传一张图片，我没有修改过这部分的代码，直接用的原本大佬给的代码

作者: 钓鱼岛 时间: 2022-11-1 09:51
mark

作者: aLam 时间: 2022-11-1 09:53
可以给mjj点星星

作者: wang3y2 时间: 2022-11-1 09:53

弄好了感谢大佬

作者: kekeguai 时间: 2022-11-1 09:54

future 发表于 2022-11-1 09:00
目前暂时还不支持这个功能，因为是在feixiang大佬原有代码基础上修改的，原本代码并未支持图片管理，后续 ...

顶一个太需要图片管理了

作者: zhongziso 时间: 2022-11-1 09:54
感谢，已部署

https://upimg.pages.dev/

复制代码

作者: pxy185 时间: 2022-11-1 09:55
学习了。已经搭建 https://tg.imgur.la/

作者: sooyes 时间: 2022-11-1 09:56
本帖最后由 sooyes 于 2022-11-1 10:04 编辑

速度不是很友好

作者: zhongziso 时间: 2022-11-1 09:56

作者: netsky 时间: 2022-11-1 10:03
有什么方法可以自选cfip加速

作者: huang1dede 时间: 2022-11-1 10:06

sooyes 发表于 2022-11-1 09:19
https://im.gurl.eu.org/file/63753ca8649b7e3a53c8d.mp4

还能传视频？

作者: 本人马保国 时间: 2022-11-1 10:18
TG图片是长期存储的吗

作者: future 时间: 2022-11-1 10:18

netsky 发表于 2022-11-1 10:03
有什么方法可以自选cfip加速

可以参考一下论坛里面的历史帖子，因为本身cf pages就是cname接入的，所以原生支持自选ip

作者: 会呼吸的痛 时间: 2022-11-1 10:19
按照新方法部署了一次，成功了
测试一下：

作者: 猎户星座 时间: 2022-11-1 10:22
大佬厉害的

作者: yyqzh 时间: 2022-11-1 10:23
太牛了，期待完善楼里一些小伙伴提到的改进功能。

作者: sooyes 时间: 2022-11-1 10:24

huang1dede 发表于 2022-11-1 10:06
还能传视频？

5m 没什么卵用

作者: netsky 时间: 2022-11-1 10:28

sooyes 发表于 2022-11-1 10:24
5m 没什么卵用

可以了，一般论坛贴个图什么的很方便

作者: ggoo 时间: 2022-11-1 10:37

作者: 心上人 时间: 2022-11-1 10:40
支持技术分享！

作者: ncnc 时间: 2022-11-1 10:45
本帖最后由 ncnc 于 2022-11-1 11:04 编辑

只是想知道这个稳定吗

弄好了

https://img.vpsso.com

测试图片

https://img.vpsso.com/file/6b77254cb85c28d446507.jpg

作者: mmc199 时间: 2022-11-1 10:51
本帖最后由 mmc199 于 2022-11-1 14:54 编辑

sooyes 发表于 2022-11-1 09:19
https://im.gurl.eu.org/file/63753ca8649b7e3a53c8d.mp4

视频咋传上去的

从https://telegra.ph/直接上传获取链接，然后假装是从自己前端传上去的是吧

https://img.mmc199.com/file/c2eaf00b413c5df35b497.mp4

作者: h3cie 时间: 2022-11-1 10:59
这文件直接上传到哪的？

作者: future 时间: 2022-11-1 11:00

h3cie 发表于 2022-11-1 10:59
这文件直接上传到哪的？

telegra.ph这个网站，tg提供的一项服务

作者: 未完的歌 时间: 2022-11-1 11:00

作者: 微程序 时间: 2022-11-1 11:03
给你这个教程点赞。。

作者: luckmc 时间: 2022-11-1 11:10
感谢分享，已部署

作者: 道友好 时间: 2022-11-1 11:21
感谢分享，马上搭一个

作者: 柳夜熙 时间: 2022-11-1 11:23
薅死他

作者: future 时间: 2022-11-1 11:24

ncnc 发表于 2022-11-1 10:45
只是想知道这个稳定吗

弄好了

稳不稳这个很难回答，只能说相对来说比较稳吧，毕竟白女票的都是国际大厂（Cloudflare和Telegram）

具体来说，图床程序托管在Cloudflare Pages上，稳不稳定就看Cloudflare什么时候倒闭或是取消Pages的免费额度（但目前没有见过Cloudflare取消免费额度的先例，只有增加免费内容的先例）

图片储存是用的Telegram旗下的telegraph服务，这个服务存在很多年了，只要Telegram不关闭这个服务，应该就没啥大问题

但还是要额外说一句，虽然两家都是规模不小，且mjj耳熟能详的公司，但还是无法保证100%的稳定，毕竟就连Google之前都有取消了google photo无限容量的情况出现，世界上没有任何一家公司的服务能够保证能永久提供下去

作者: netcat 时间: 2022-11-1 11:24

北故发表于 2022-11-1 08:59
已成功部署，很不错
https://picb.pages.dev/

https://picc.pages.dev/

作者: vlin 时间: 2022-11-1 11:42
弄好了
https://img.vlin.eu.org/

作者: egge 时间: 2022-11-1 11:59
怎樣修改頁面上Telegraph-Image,,,,想更改成其它字眼

作者: RaGn 时间: 2022-11-1 12:05

谢谢

作者: hullua172 时间: 2022-11-1 12:10

上传的图片咋找到啊

作者: google987 时间: 2022-11-1 12:11
感谢大佬!!

作者: 小妖怪 时间: 2022-11-1 12:15

hullua172 发表于 2022-11-1 12:10
上传的图片咋找到啊

找不到，也不能删除，除非telegram倒闭

作者: future 时间: 2022-11-1 12:16

egge 发表于 2022-11-1 11:59
怎樣修改頁面上Telegraph-Image,,,,想更改成其它字眼

图片上传页面的代码是原本大佬提供的，大佬原本的贴子里说明如何修改，可参考原帖子：
https://91ai.net/forum.php?mod=viewthread&tid=1092407

feixiang大佬原话：

上传之前，你可以修改包里面 index.html 和 _next/b46e75617207ae5013d0.js 这个里面的一些文字改成你的

作者: hullua172 时间: 2022-11-1 12:17

小妖怪发表于 2022-11-1 12:15
找不到，也不能删除，除非telegram倒闭

这样子的吗。。。确实找不到了

作者: future 时间: 2022-11-1 12:17

hullua172 发表于 2022-11-1 12:10
上传的图片咋找到啊

目前暂时还没有查找图片的功能，只能是手动记录下来，后续可能会根据需求添加此功能

作者: hullua172 时间: 2022-11-1 12:19

future 发表于 2022-11-1 12:17
目前暂时还没有查找图片的功能，只能是手动记录下来，后续可能会根据需求添加此功能 ...

好的，谢谢大佬

作者: lun 时间: 2022-11-1 12:54
mark

作者: 四面楚歌 时间: 2022-11-1 13:12
图片管理，快点:@

作者: egge 时间: 2022-11-1 13:23

future 发表于 2022-11-1 12:16
图片上传页面的代码是原本大佬提供的，大佬原本的贴子里说明如何修改，可参考原帖子：
https://hostloc.c ...

已修改, Thanks

作者: 废物甲 时间: 2022-11-1 13:25
神了楼主这波狠狠分Durov遗产

/**
* 大风起兮云飞扬，意大利炮轰他娘
*
* Link https://greasyfork.org/zh-CN/scripts/396933-hostloc-zsbd
*/

作者: Kestrel 时间: 2022-11-1 13:27
感谢大佬分享，搭建成功

欢迎光临全球主机交流论坛 (https://91ai.net/)