使用CloudFlare白piao零成本搭建图床(cf+telegraph)简化部署的教程
来自loc feixiang 会员
前2天突然看到这个图床,简洁大方得体,也想白piao一个。
想着既然能白piao,就绝对不出一分钱的中心思想。
反代 https://telegra.ph/ 5M以内都可以传。
我们要提前准备2个东西:
1、免费的域名1个(当然收费域名也可以)
2、cloudflare账户1枚
如果你准备好了,我们准备起飞。
先直接上修改完成后的代码: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 和future大佬分享的代码和部署教程