谷姐:我们都是谷歌迷
We are all Google fans

让每个mjj都拥有属于自己的图床,白女票cf+telegraph,简化部署-future

Rate this post

看到坛子里有Telegraph电报图床零成本的帖子:
https://hostloc.com/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大佬分享的代码和部署教程

热议
推荐楼 sooyes 2022-11-1 09:19:01

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

手机端可以直接 传视频

推荐楼 future 2022-11-1 09:00:48

确实简单
能管理自己传的图片吗?

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

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

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

推荐楼 feixiang 2022-11-1 08:43:30

牛逼啊,我昨天晚上睡觉之前,
我还在github看到有调用bing的官方壁纸接口,
准备今天研究下呢,你这就搞出来了。

推荐楼 SzeMeng76 2022-11-2 11:38:36

这个好简单
搞上了
谢谢楼主!

推荐楼 kng 2022-11-1 15:25:22

能不能使用PicGo或ShareX上传图片

推荐楼 阿土仔 2022-11-1 09:19:06

推荐楼 孙笑川 2022-11-1 09:15:52

抱歉,目前程序本身还不支持这个功能,如果想限制别人访问,可以通过使用Cloudflare Access来实现,后续 ...

推荐楼 future 2022-11-1 09:14:36

老哥 能限制只能自己传吗

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

推荐楼 Waylon 2022-11-1 07:06:32

一个比一个狠

推荐楼 大炮 2022-11-1 06:58:04

不错,一会去整个,给你这个教程点赞。。。

2楼 irony 2022-11-1 06:57:11

大清早的就开始放大招

3楼 有点儿意思 2022-11-1 06:57:53

牛比

6楼 coxpc 2022-11-1 07:07:37

前排支持

7楼 0.0 2022-11-1 07:11:44

流弊,顶

9楼 美国总统奥巴马 2022-11-1 07:20:24

10楼 账号小号 2022-11-1 07:45:31

牛逼

12楼 iiss 2022-11-1 07:55:03

没图片管理后台?

13楼 van 2022-11-1 07:55:16

顶起来,感谢技术大佬,这才是loc应有的样子

14楼 zvkv 2022-11-1 08:04:44

一代后浪推前浪
一代更比一代浪

15楼 jzelynn 2022-11-1 08:06:02

厉害哦,人手一个图床

16楼 lzlancom 2022-11-1 08:07:42

mark

17楼 nieyuli 2022-11-1 08:09:51

大佬牛x,这样的教程适合小白的我~

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

18楼 kylehao 2022-11-1 08:10:28

简单好用

19楼 coouk 2022-11-1 08:13:36

,66333

20楼 greencloudvps 2022-11-1 08:13:58

支持技术贴


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

22楼 Tankie 2022-11-1 08:16:10

过一会儿自己好了,谢谢大佬

23楼 wower 2022-11-1 08:26:20

收藏

24楼 okfree 2022-11-1 08:27:28

牛逼

25楼 东哥的兄弟 2022-11-1 08:28:44

很实用很强势,别人有我也要有,马上去部署

26楼 younglion 2022-11-1 08:29:09

顶一下,感谢分享

27楼 gajiodgaj 2022-11-1 08:38:09

支持技术帖子帖子

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

28楼 feixiang 2022-11-1 08:43:30

牛逼啊,我昨天晚上睡觉之前,
我还在github看到有调用bing的官方壁纸接口,
准备今天研究下呢,你这就搞出来了。

29楼 三丫的 2022-11-1 08:43:39

30楼 孙笑川 2022-11-1 08:44:27

好东西

32楼 gajiodgaj 2022-11-1 08:50:06

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

33楼 度百 2022-11-1 08:56:05

牛批plus

34楼 future 2022-11-1 08:58:31

牛逼啊,我昨天晚上睡觉之前,
我还在github看到有调用bing的官方壁纸接口,
准备今天研究下呢,你这就搞出 ...

哇,大佬本人来回帖了!感谢大佬的认可!

35楼 shares 2022-11-1 08:58:37

确实简单
能管理自己传的图片吗?

36楼 Mintian 2022-11-1 08:58:48

37楼 北故 2022-11-1 08:59:17

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

38楼 future 2022-11-1 09:00:48

确实简单
能管理自己传的图片吗?

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

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

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

39楼 snoopy4444cn 2022-11-1 09:02:31

太牛了,已部署

40楼 孙笑川 2022-11-1 09:06:27

目前暂时还不支持这个功能,因为是在feixiang大佬原有代码基础上修改的,原本代码并未支持图片管理,后续 ...

老哥 能限制只能自己传吗

42楼 老年先疯队队长 2022-11-1 09:11:59

哈都是厉害角色啊

43楼 陆伯言 2022-11-1 09:13:06

牛皮支持!!!!

44楼 今晚不吃饭 2022-11-1 09:13:54

速度有一点慢

45楼 future 2022-11-1 09:14:36

老哥 能限制只能自己传吗

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

46楼 孙笑川 2022-11-1 09:15:52

抱歉,目前程序本身还不支持这个功能,如果想限制别人访问,可以通过使用Cloudflare Access来实现,后续 ...

47楼 future 2022-11-1 09:17:29

速度有一点慢

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

48楼 sooyes 2022-11-1 09:19:01

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

手机端可以直接 传视频

49楼 阿土仔 2022-11-1 09:19:06

50楼 coouk 2022-11-1 09:19:21

https://img.zote.eu.org/

52楼 shares 2022-11-1 09:39:05

目前暂时还不支持这个功能,因为是在feixiang大佬原有代码基础上修改的,原本代码并未支持图片管理,后续 ...

好的,谢谢大佬

53楼 小妖怪 2022-11-1 09:39:51

大佬能不能加个压缩功能,telegraph限制5m

54楼 hchen 2022-11-1 09:45:18

已经上车,感谢,有个小小的小问题(可能是我的食用姿势不对),不能一次传多张图片。

55楼 future 2022-11-1 09:50:05

已经上车,感谢,有个小小的小问题(可能是我的食用姿势不对),不能一次传多张图片。 ...

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

56楼 钓鱼岛 2022-11-1 09:51:41

mark

57楼 aLam 2022-11-1 09:53:32

可以 给mjj点星星

58楼 wang3y2 2022-11-1 09:53:40


弄好了 感谢大佬

59楼 kekeguai 2022-11-1 09:54:14

目前暂时还不支持这个功能,因为是在feixiang大佬原有代码基础上修改的,原本代码并未支持图片管理,后续 ...

顶一个 太需要图片管理了

62楼 sooyes 2022-11-1 09:56:15


速度不是很友好

63楼 zhongziso 2022-11-1 09:56:31

64楼 netsky 2022-11-1 10:03:47

有什么方法可以自选cfip加速

65楼 huang1dede 2022-11-1 10:06:35

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

还能传视频?

66楼 本人马保国 2022-11-1 10:18:55

TG图片是长期存储的吗

67楼 future 2022-11-1 10:18:57

有什么方法可以自选cfip加速

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

68楼 会呼吸的痛 2022-11-1 10:19:17

按照新方法部署了一次,成功了
测试一下:

69楼 猎户星座 2022-11-1 10:22:15

大佬厉害的

70楼 yyqzh 2022-11-1 10:23:32

太牛了,期待完善楼里一些小伙伴提到的改进功能。

72楼 netsky 2022-11-1 10:28:10

5m 没什么卵用

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

73楼 ggoo 2022-11-1 10:37:03

74楼 心上人 2022-11-1 10:40:51

支持技术分享!

75楼 ncnc 2022-11-1 10:45:20

只是想知道这个稳定吗

弄好了

https://img.vpsso.com

测试图片

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

76楼 mmc199 2022-11-1 10:51:11

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

视频咋传上去的

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

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

77楼 h3cie 2022-11-1 10:59:19

这文件直接上传到哪的?

78楼 future 2022-11-1 11:00:22

这文件直接上传到哪的?

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

79楼 未完的歌 2022-11-1 11:00:41

80楼 微程序 2022-11-1 11:03:27

给你这个教程点赞。。

82楼 道友好 2022-11-1 11:21:05

感谢分享,马上搭一个

83楼 柳夜熙 2022-11-1 11:23:30

薅死他

84楼 future 2022-11-1 11:24:09

只是想知道这个稳定吗

弄好了

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

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

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

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

85楼 netcat 2022-11-1 11:24:23

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

https://picc.pages.dev/

86楼 vlin 2022-11-1 11:42:52

弄好了
https://img.vlin.eu.org/

87楼 egge 2022-11-1 11:59:07

怎樣修改頁面上Telegraph-Image,,,,想更改成其它字眼

88楼 RaGn 2022-11-1 12:05:53

谢谢

89楼 hullua172 2022-11-1 12:10:48

上传的图片咋找到啊

90楼 google987 2022-11-1 12:11:28

感谢大佬!!

92楼 future 2022-11-1 12:16:14

怎樣修改頁面上Telegraph-Image,,,,想更改成其它字眼

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

feixiang大佬原话:

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

93楼 hullua172 2022-11-1 12:17:47

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

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

94楼 future 2022-11-1 12:17:59

上传的图片咋找到啊

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

95楼 hullua172 2022-11-1 12:19:18

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

好的,谢谢大佬

96楼 lun 2022-11-1 12:54:10

mark

97楼 四面楚歌 2022-11-1 13:12:51

图片管理,快点:@

98楼 egge 2022-11-1 13:23:45

图片上传页面的代码是原本大佬提供的,大佬原本的贴子里说明如何修改,可参考原帖子:
https://hostloc.c ...

已修改, Thanks

99楼 废物甲 2022-11-1 13:25:46

神了 楼主这波狠狠分Durov遗产

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

100楼 Kestrel 2022-11-1 13:27:29

感谢大佬分享,搭建成功

102楼 shienze 2022-11-1 13:31:36

感谢大佬分享,搭建成功

103楼 她说是晒黑的 2022-11-1 13:45:57

https://telegraph-image-aud.pages.dev/file/9b544e6e4c006d58456fa.mp4

104楼 Ralph 2022-11-1 13:48:29

支持大佬们。点赞收藏了

105楼 b66667777 2022-11-1 13:48:30

106楼 taigt 2022-11-1 13:48:51

mark一下

107楼 lastfree 2022-11-1 14:28:05

谢谢大佬,已经搭建了

108楼 北故 2022-11-1 14:46:57

https://picc.pages.dev/

我怎么没想到呢,picbed太长了就用的picb,感觉picc比picb好

109楼 微程序 2022-11-1 14:48:22

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

我搞好后只能用d6be649f.imgm.pages.dev访问不能用https://imgm.pages.dev/这个访问,请问你是怎么搞的,谢谢

110楼 微程序 2022-11-1 14:49:30

感谢,已部署

我搞好后只能用d6be649f.imgm.pages.dev访问不能用https://imgm.pages.dev/这个访问,请问你是怎么搞的,谢谢

112楼 北故 2022-11-1 14:56:42

我搞好后只能用d6be649f.imgm.pages.dev访问不能用https://imgm.pages.dev/这个访问,请问你是怎么搞的, ...

我这里看可以打开

113楼 iiii.im 2022-11-1 15:05:22

希望再优化一下把主域跟图片url域分开。被墙不至于整个挂了,pages是可以绑定多个域的

114楼 mikj521 2022-11-1 15:10:50

很不错

115楼 冷曦 2022-11-1 15:15:41

很棒,但是用处不是很大。。

116楼 oszlso 2022-11-1 15:20:31

牛的,谢谢

117楼 kng 2022-11-1 15:25:22

能不能使用PicGo或ShareX上传图片

118楼 YIMSHING 2022-11-1 15:47:46

很强,已星星

119楼 hxhui 2022-11-1 15:49:23

120楼 小妖怪 2022-11-1 16:11:35

能不能使用PicGo或ShareX上传图片

或许可以参考一下这个

https://github.com/missuo/Telegraph-Image-Hosting/blob/main/README-OLD.md

122楼 linearn 2022-11-1 16:36:24

我有自己的图床啦

123楼 那山很优雅 2022-11-1 16:41:59

牛逼死了,现在先去star

124楼 aes 2022-11-1 16:48:02

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

大佬 如何设置能上传视频

125楼 aes 2022-11-1 16:49:14

https://telegraph-image-aud.pages.dev/file/9b544e6e4c006d58456fa.mp4

大佬 求教如何设置能上传视频

126楼 LovelyCat 2022-11-1 16:55:39

大佬 如何设置能上传视频

https://im.gurl.eu.org/file/40d66911e957c13895db5.mp4
原则上不超过5M都能的

127楼 aes 2022-11-1 16:59:56

https://im.gurl.eu.org/file/40d66911e957c13895db5.mp4
原则上不超过5M都能的

大佬我没找到这个上传的入口呢 ,跟你不一样

128楼 小福贵 2022-11-1 17:15:55

不错不错,顶一个

129楼 LovelyCat 2022-11-1 17:20:56

大佬我没找到这个上传的入口呢 ,跟你不一样

浏览器的问题吧应该 我是Edge

130楼 aes 2022-11-1 17:26:19

浏览器的问题吧应该 我是Edge

啊这,不是浏览器问题,是我没看懂,现在懂了,选择所有文件

132楼 LovelyCat 2022-11-1 17:30:49

啊这,不是浏览器问题

那我不太清楚了 我这里是可以上传图片和视频的

133楼 xyhw 2022-11-1 17:40:52

MARK一下,值得点赞

134楼 Ralph 2022-11-1 17:47:59

NB

135楼 王俊凯 2022-11-1 19:45:13

试试看 好东西,大佬牛逼

136楼 zerone110 2022-11-1 22:04:59

137楼 fatal 2022-11-2 01:25:01

138楼 ddq 2022-11-2 03:43:27

139楼 wangjianacc 2022-11-2 04:05:01

确实不错!插眼!

140楼 lazy 2022-11-2 04:33:16

一个字,绝!

142楼 yaoruisheng 2022-11-2 08:43:39

mark

143楼 SzeMeng76 2022-11-2 11:38:36

这个好简单
搞上了
谢谢楼主!

144楼 …沧ネ月ザ 2022-11-2 13:06:17

怎樣修改頁面上Telegraph-Image,,,,想更改成其它字眼

js文件

145楼 RaGn 2022-11-2 14:44:10

https://samsung.bar/file/559816f761ec2971041f9.mp4
https://samsung.bar/file/9e807913c9d1ea90dc9c9.mp4

5m以内视频可以上传~

146楼 ioqa 2022-11-2 14:47:27

感谢分享 学习了

147楼 tinysiri 2022-11-2 14:59:33

真好用 这个

148楼 ddq 2022-11-2 15:06:45

不错 点赞

150楼 机长 2022-11-2 16:17:38

出错了,难道我不够帅?

152楼 1tv 2022-11-2 16:23:13

153楼 爱国者捣蛋 2022-11-2 16:28:07

mk

154楼 lc0-b6 2022-11-2 17:05:08

绑定

155楼 uricc 2022-11-2 17:10:37

156楼 boq 2022-11-2 17:13:05

我顶你啊 大佬这个真简单

157楼 Romeoiii 2022-11-2 17:51:59

貌似成功了,确实很方便,我试验一下。

158楼 forg 2022-11-2 19:08:25

make ~

159楼 wange008 2022-11-2 23:17:54

赶紧出下一期

160楼 新空 2022-11-2 23:55:43

好像很简单的样子

162楼 genexis 2022-11-3 13:21:40

已经不能上传图片了

163楼 TMD 2022-11-3 13:40:48

已经不能上传图片了


可以的

164楼 genexis 2022-11-3 13:47:30

可以的

上传图片,10次中至少8次失败
知道原因了,开了科学就会这样

165楼 future 2022-11-3 14:32:50

上传图片,10次中至少8次失败
知道原因了,开了科学就会这样

貌似telegraph的服务中断了一段时间,现在恢复正常了

166楼 cauchy 2022-11-3 17:12:27


测试下搭好的图床

167楼 TMD 2022-11-3 17:41:57

168楼 usufu 2022-11-3 18:51:44

这个确实牛 期待图片管理功能。

169楼 TMD 2022-11-3 21:04:40

https://img.zote.eu.org/

打不开

170楼 test100 2022-11-3 21:19:10

先马克,下次有需要再搞

172楼 future 2022-11-4 02:18:39

感谢各位大佬的支持,今天看了一下,上Github的Trending了
https://github.com/trending/html

虽然只是HTML下的trending

173楼 asuna88 2022-11-4 09:37:27

谢谢楼主!

174楼 wange008 2022-11-4 10:31:38

测试日历

175楼 superme 2022-11-4 11:24:47

176楼 czpwpq 2022-11-4 14:46:07

搭建好了,确实好用,我想看人家上传什么照片,顺带管理管理,哈哈

177楼 pptt 2022-11-4 16:46:19

收藏

178楼 htazq 2022-11-4 17:07:24

部署完成了,访问页面出现意外终止了连接

179楼 Kuro 2022-11-4 17:08:01

mark!!

180楼 jialin4567 2022-11-4 17:13:41

顶一个 等一波图片管理

182楼 ORM 2022-11-4 21:09:56

Mark

Send by Discuz x Reader

183楼 wange008 3小时前

希望尽快上图片管理系统

184楼 hcyme 1小时前

地做床

185楼 dole 14分钟前

强烈马克

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

未经谷姐允许不得转载:谷姐靓号网 » 让每个mjj都拥有属于自己的图床,白女票cf+telegraph,简化部署-future
分享到: 生成海报

热门文章

评论 抢沙发

评论前必须登录!

立即登录   注册

买Google Voice认准【谷姐靓号网】

Google Voice靓号列表Google Voice自助购买
切换注册

登录

点击按钮进行验证

忘记密码 ?

切换登录

注册

我们将发送一封验证邮件至你的邮箱, 请正确填写以完成账号注册和激活

点击按钮进行验证