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

dummy@example.com (ＴＭＤ) — Sat, 05 Nov 2022 15:33:14 +0000

batsom 说：

好文

有需要的可以借鉴

dummy@example.com (batsom) — Sat, 05 Nov 2022 10:14:15 +0000

好文

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

dummy@example.com (ＴＭＤ) — Sat, 05 Nov 2022 10:04:37 +0000

代码仓库：https://github.com/cf-pages/Telegraph-Image

直接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 提供程序。

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

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