免费拥有属于自己的图床,cf+telegraph,简化部署

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

项目地址: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,无法部署成功)

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

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

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