树洞剪藏#剪藏#树洞剪藏

基于 Cloudflare Pages 搭建你的专属开源图床，无限图片储存数量，无需服务器，无需域名

2024 年 11 月 15 日约 1 分钟

同步来源：树洞剪藏源站剪藏 ID：74 原文地址：https://mp.weixin.qq.com/s?__biz=MzU2OTYyNjY3OQ==&mid=2247486447&idx=1&sn=076c10c51b9b0285fcbc555143910fe9&chksm=fcfa92b7cb8d1ba13a364e8b698e3a0125030bbaeb2791eab18ca0ce0465d3404e5b58d9ecde&cur_album_id=1636723127864852483&scene=189#wechat_redirect

打开原文 · 打开源站剪藏快照

原创

tibidaboooo

我的 Beta 世界

2024年06月20日 23:08 浙江

蛤蟆先生

读完需要 7 分钟速读仅需 3 分钟 / 零、前言 / 之前给大家介绍过如何搭建一个自己的短链网址系统，见：【详细图文教程】10 分钟教你拥有一个属于自己的网站，不用写一行代码今天给大家介绍如何快速通过 Cloudflare Pages 部署一个自己的免费图床，如果你写文章、论文、博客等经常需要插入很多图片，以前用 imgur，现在有一个自己的免费图床会方便很多，像我自己在 obsidian 写文章，然后粘贴到公众号后台发布，但是如果有图片，但是没用图床，每次图片都得重新操作一遍上传，费时费力。看完这篇文章，分分钟你也可以拥有一个自己的，可以无限上传图片的图床。 / 一、详细步骤 / 👀

1、Fork Telegraph Image 仓库首先打开 Telegraph Image ( https://github.com/cf-pages/Telegraph-Image ) 这个 GitHub 仓库，点击 Fork ，

👀

2、去 Cloudflare 创建 Pages 应用程序打开 Cloudflare Workers & Pages ( https://dash.cloudflare.com/fc2f4521ece03536e1cab6e95d6c32cf/workers-and-pages ) 页面，没注册的注册一下就好，这里就不赘述了，点击创建按钮，

进入 Pages 页面，选择连接到 Git ，按照提示选择需要连接的 Git 仓库，也就是我们在第 1 步 fork 的 Telegraph Image 仓库，然后点击保存并部署，

👀

3、绑定自定义域【可选】接下来，你可以绑定自定义域名，也可以使用 Cloudflare 给你分配的默认域名，以绑定自定义域名举例，输入自己已经注册好的域名或子域名，然后点击继续即可，比如说，我注册的域名是 abc.com ，那么在这里我可以输入 img.abc.com ，这样很清楚就能知道这是一个跟图片相关的域名，

然后等待自定义域名生效即可，注意：如果你的域名已经托管在 Cloudflare 里，那么这里域名绑定完，它会自动修改 DNS 记录，

👀

4、开启图片审查功能【可选】不需要图片鉴黄功能的可以跳过这个步骤，如果你还想要开启图片审查功能（鉴黄），那么你需要去 ModerateContent ( https://moderatecontent.com/ ) 注册一个账号，然后获取一个免费的用于审查图片内容的 API Key，

👀

5、设置图片审查环境变量【可选】如果你没有进行第 4 步操作，那么这一步也可跳过。否则，继续往下看，点击设置，然后在如下图所示位置，添加变量，变量名称为： ModerateContentApikey ，然后值填入你刚刚从第 4 步获得的 API Key，

注意：如果开启了图片审查功能，第一次图片加载会比较慢，因为审查需要时间，不过，后续的图片加载因为缓存的存在，就不会受到影响。 👀

6、图片后台管理默认是关闭的，如果需要开启，前往 Cloudflare Dashboard，先创建 KV 命名空间，空间名称可以自定义，如：img，

然后设置好环境变量，依次点击设置 -> 函数 -> KV 命名空间绑定 -> 添加绑定，然后输入变量名称，选择刚刚创建的 KV 命名空间，变量名为： img_url ，

然后记得把上图所示的默认改成智能，接下来，依次点击设置 -> 环境变量 -> 添加变量，设置后台管理的用户名和密码，依次添加以下两个变量

BASIC_USER ：后台管理页面登录的用户名，如： user123 ，

BASIC_PASS ：后台管理页面登录的密码，如： pwd123

👀

7、重新部署点击部署，找到所有部署里最新一次部署记录，然后点击 ... ，点击重试部署，等待部署完成就大功告成了， / 二、如何使用 / 打开你的自定义域名网址，或者 Cloudflare 给你分配的默认网址，看到如下图所示页面，然后点击选择上传图片或者直接粘贴你刚刚复制的图片即可，

动图演示：

/ 三、后台管理 / 在你的域名后面加上 /admin 后输入用户名和密码，

进去后可以看到如下页面：

几个信息：

Label 标识只有开启了第 4 步中的图片审查才会显示，

ListType 表示图片当前是否在黑白名单中，

None ：既不在白名单也不在黑名单中，

White ：在白名单中，

Block ：在黑名单中，

如果为某些图片开启了白名单，那么加入白名单的图片会绕过图片审核的 API 结果，

删除图片：这里删除完只是在图片后台管理不再显示，但因为我们图片上传后是存储在 Telegraph 的服务器上，所以图片依然可以正常加载。 / 四、优缺点 / 👀

优点

无限图片存储，

无需购买服务器，用量不超过 Cloudflare 设定的免费额度，完全免费

无需购买域名，直接使用 Cloudflare 分配的域名即可，

可以在后台对图片进行管理 👀

缺点

上传的图片大小最大为 5MB，

免费额度为每日 100,000 个请求，上传或加载各算一次请求，超过后可选择付费套餐，

开启图片后台管理功能，Cloudflare KV 每日只有 1000 次的免费写入额度不过，个人使用的话以上免费额度完全够用了。如果觉得有用，欢迎点赞、转发、在看~

预览时标签不可点

看世界 99 数字生活 4

看世界 · 目录

上一篇【详细图文教程】10分钟教你拥有一个属于自己的网站，不用写一行代码下一篇不到 15 分钟，用 Claude 3.5 写了个简易版网页小游戏

关闭

小程序广告

搜索「undefined」网络结果

微信扫一扫关注该公众号

当前内容可能存在未经审核的第三方商业营销信息，请确认是否继续访问。

继续访问取消微信公众平台广告规范指引

：，。

视频小程序赞，轻点两下取消赞在看，轻点两下取消在看分享留言收藏

相关文章