使用Cloudflare搭建无限空间的免费图床教程

搭建一个图床需要需要很多空间,很大宽带,非常烧钱,那么来看看使用Cloudflare搭建无限空间的免费图床教程,用这个是基于 Cloudflare Pages、Telegraph、ModerateContent 免费图片托管、审查、CDN加速的解决方案,Flickr/imgur 替代品。也是无需 1 分钱,可以得到一个无限空间,实时图像审核、无限 CDN 流量的免费图床,虽然有其他限制,但是也足够大部分情况使用,尤其适合海外个人博客图床使用,需要的来看看啊。

演示图

使用Cloudflare搭建无限空间的免费图床教程插图 使用Cloudflare搭建无限空间的免费图床教程插图1

图床优点

  1. 无限图片储存数量,你可以上传不限数量的图片.这意味着您能够上传任意数量的图片而无需担心存储空间限制。这项服务托管在 Cloudflare 的强大网络之上,只要您的使用量保持在 Cloudflare 免费计划的范围内,您可以完全免费地使用它。
  2. 无需购买服务器,托管于 Cloudflare 的网络上,当使用量不超过 Cloudflare 的免费额度时,完全免费需自己购买和维护服务器硬件或软件,Cloudflare 会处理所有技术细节,让您专注于内容本身。此外,您还可以利用 Cloudflare Pages 功能,这允许您使用 *.pages.dev 的免费二级域名来访问您的图片,同时您也可以选择绑定自己的自定义域名,只需确保您的域名的名称服务器 (NS) 记录托管在 Cloudflare 上即可。
  3. 无需购买域名,可以使用 Cloudflare Pages 提供的*.pages.dev的免费二级域名,同时也支持绑定自定义域名(需 NS 托管在 CloudFlare)。
  4. 调用 ModerateContent 支持图片审查 API,可根据需要开启,开启后不良图片将自动屏蔽,不再加载。
  5. 支持后台图片管理,可以对上传的图片进行在线预览,添加白名单,黑名单等操作。该服务还提供了一个直观的后台管理系统,您可以在其中轻松地管理和浏览已上传的所有图片。这个系统还支持创建白名单和黑名单功能,以帮助您更好地控制哪些图片可以公开访问,哪些需要限制访问。这些功能结合起来为您提供了一个既方便又安全的方式来管理和分享您的图片。

准备工作

Cloudflare 账号 – https://www.cloudflare.com/zh-cn/

GitHub – https://github.com/cf-pages/Telegraph-Image

图片审查api这里建议来免费api接口工具大全图片审查接口搜索一下找到这个接口并申请一个,这样可以直接对接上并使用。
使用Cloudflare搭建无限空间的免费图床教程插图2

 

部署方式

首先打开地址,登录社区。

使用Cloudflare搭建无限空间的免费图床教程插图3

一切默认,Create Fork 即可。

使用 Cloudflare 搭建无限空间及CDN、支持审查的免费图床 第11张插图

打开 Cloudflare Dashboard,进入 Pages 管理页面,选择创建,选择连接到 Git 提供程序,选择好刚刚操作的 GitHub 账号以及对应的存储库,点击开始设置即可。

使用 Cloudflare 搭建无限空间及CDN、支持审查的免费图床 第12张插图

一切默认,直接下一步。

使用 Cloudflare 搭建无限空间及CDN、支持审查的免费图床 第13张插图

只需要几十秒种自动部署完毕了,下图打码的内容是 CloudFlare 提供的免费二级域名。

使用 Cloudflare 搭建无限空间及CDN、支持审查的免费图床 第14张插图

点击该二级域名,可以看到第一张图那样的界面,意味着部署成功了。

免费限制

  1. 由于图片文件实际存储于 Telegraph,Telegraph 限制上传的图片大小最大为 5MB。
  2. 由于使用 Cloudflare 的网络,图片的加载速度在某些地区可能得不到保证。
  3. Cloudflare KV 每天只有1000次的免费写入额度,每有一张新的图片加载都会占用该写入额度(在没有缓存的情况下,如果你的域名在Cloudflare开启了缓存,当缓存未命中时才会占用该额度),如果超过该额度,图片管理后台将无法记录新加载的图片。
  4. 每天最多 1,000 次免费删除操作,每有一条图片记录都会占用该额度,超过将无法删除图片记录。
  5. 每天最多 1,000 次免费列出操作,每打开或刷新一次后台/admin都会占用该额度,超过将进行后台图片管理。
  6. Cloudflare Function 免费版每日限制 100,000 个请求(即上传或是加载图片的总次数不能超过 100,000 次)如超过可能需要选择购买 Cloudflare Function 的付费套餐,如开启图片管理功能还会存在 KV 操作数量的限制,如超过需购买付费套餐,每月$5起步,按量收费,没有上述额度限制。
  7. 绝大多数情况下,该免费额度都基本够用,并且可以稍微超出一点,不是已超出立马停用,且每项额度单独计算,某项操作超出免费额度后只会停用该项操作,不影响其他的功能,即即便我的免费写入额度用完了,我的读写功能不受影响,图片能够正常加载,只是不能在图片管理后台看到新的图片了。

绑定个性化域名

在 Pages 的自定义域里面,绑定 CloudFlare 中存在的域名(在 CloudFlare 托管的域名,也是 NS 在 CloudFlare 的域名),自动会修改 DNS 记录。

使用 Cloudflare 搭建无限空间及CDN、支持审查的免费图床 第15张插图

后台图片管理功能

图片管理功能,默认是关闭的,如需开启请部署完成后前往后台依次点击设置→函数→KV 命名空间绑定→编辑绑定→变量名称填写:img_url KV 命名空间 选择你提前创建好的 KV 储存空间。

使用 Cloudflare 搭建无限空间及CDN、支持审查的免费图床 第16张插图

开启后访问http(s)://你的域名/admin 即可打开后台管理页面。

开启图片审查及后台管理

刚才那个api平台 里面找到这个图片审查api之后注册对接使用上然后进行下一步

打开 Cloudflare Pages 的管理页面,依次点击设置,环境变量,添加环境变量。

使用 Cloudflare 搭建无限空间及CDN、支持审查的免费图床 第17张插图

添加一个变量名称为ModerateContentApiKey,值为你刚刚第一步获得的 API key,点击保存即可。

提示:如果你还想设置后台图片管理功能,等那个设置好后一起重新部署也可以。

后台管理页面新增登录验证功能,默认也是关闭的,如需开启在编辑变量中添加如下表格所示的变量即可开启登录验证。

变量名称
BASIC_USER = <后台管理页面登录用户名称>
BASIC_PASS = <后台管理页面登录用户密码>

当然你也可以不设置这两个值,这样访问后台管理页面时将无需验证,直接跳过登录步骤,这一设计使得你可以结合 Cloudflare Access 进行使用,实现支持邮件验证码登录,Microsoft 账户登录、Github 账户登录等功能,能够与你域名上原有的登录方式所集成,无需再次记忆多一组后台的账号密码,添加 Cloudflare Access 的方式请参考官方文档,注意需要保护路径。

/admin
/api/manage/*
复制

当开启图片管理功能后,可在后台顶部查看记录中的图片数量,可在后台搜索框使用图片文件名称,快速搜索定位需要管理的图片

使用 Cloudflare 搭建无限空间及CDN、支持审查的免费图床 第18张插图

可在后台查看图片当前的状态

{ "ListType": "White", "Label": "None", "TimeStamp": 1705729800466 }
复制

ListType 属性用于标识图片当前是否被列入黑白名单。如果一个图片的状态为 None,则意味着它既不在黑名单中也不在白名单中;如果状态为 White,则表明该图片已被加入白名单(这意味着无论图片审查 API 的结果如何,该图片都会被正常加载);如果状态为 Block,则意味着该图片已被加入黑名单,因此不会被加载。

每个图片还关联有一个 TimeStamp,它记录了图片被加载的时间戳。如果启用了图片审查功能,Label 字段将显示图片审查的结果。此外,您也可以手动将图片加入黑名单,这样一来,即使图片审查 API 允许加载,该图片也无法被正常显示。

在后台管理系统中,您可以手动删除图片记录,这样图片不会再出现在管理界面中,但请注意,由于图片实际存储在 Telegraph 的服务器上,我们无法直接删除原始图片文件,只能通过黑名单功能阻止其加载。

当您启用图片审查功能后,由于审查过程需要一定的时间,图片加载可能会稍显缓慢。然而,在后续的加载过程中,由于采用了缓存机制,加载速度将恢复正常,不会受到审查过程的影响。

更新方法

其实更新非常简单,只需要参照上面的更新内容,先进入到 Cloudflare Pages 后台,把需要使用的环境变量提前设置好并绑定上 KV 命名空间,然后去到 Github 你之前 fork 过的仓库依次选择Sync fork→Update branch即可,稍等一会,Cloudflare Pages 那边检测到你的仓库更新了之后会自动部署最新的代码了,如果更新不了说明github暂时性的进不去等待一段时间然后看情况再重新进一次,或者修改hosts,再不行试试科学的方法。

© 版权声明
THE END
喜欢就亲吻一下吧
分享
评论 抢沙发
头像
评论一下幻城的文章吧
提交
头像

昵称

取消
昵称代码图片
    blank

    暂无评论内容