telegraph 和 cloudflare pages 部署免费图床

发布时间: 2024-08-16

注意

  1. Cloudflare Function 免费版每日限制 100,000 个请求,如果需求大可以选择付费订阅方案
  2. 由于图片文件实际存储于 Telegraph,Telegraph 限制上传的图片大小最大为 5MB
  3. 图片加载使用了 cloudflare cdn 网络,在中国大陆访问会有概率受限,可以尝试进行 ip 优选
  4. 毕竟白嫖,还是够用就好,避免滥用
  5. 开启图片审查后,因为审查需要时间,首次的图片加载将会变得缓慢,之后的图片加载由于存在缓存,并不会受到影响

准备

  • 一个正常连接互联网的环境

  • 一个 cloudflare 账号

  • 一个 GitHub 账号

  • 一个域名(也可用 pages 自带的)

部署

  1. 登入 GitHub 并且 fork 该仓库到自己账号备用

  2. 打开 Cloudflare Dashboard,进入 Pages 管理页面,选择创建项目,选择连接到 Git 提供程序并选择刚刚 fork 的项目,确定

    image.png

  1. 根据自身情况修改内容后即可(其实就是起一个你自己喜欢的名字,默认的也行),其他部分不需要操作,然后保存并部署,稍等即可

自定义

该图床是支持自定义设置的,我们可以进行设置

  1. 进行绑定域名操作,这一步从 custom domains 即可快速绑定已经解析到 cf 的域名

    image.png

  1. 想要开启图片管理功能,依次点击设置->函数->KV 命名空间绑定->编辑绑定->变量名称填写:img_url KV 命名空间 选择你提前创建好的 KV 储存空间,开启后访问 http(s):// 你的域名 / admin 即可打开后台管理页面,我这里的 KV 名称就叫 img_url,因此这样填写,请在使用时将其替换为自己的 KV 名字。开启后访问 http(s):// 你的域名 / admin 即可打开后台管理页面。(不会创建 KV?请看这篇教程

    image.png

image.png

  1. 后台可以添加登陆验证,前往后台依次点击设置->环境变量->为生产环境定义变量->编辑变量 添加如下表格所示的变量即可开启登录验证

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

image.png

也可以使用 cloudflare access 进行统一登陆,但是需要注意的是需要保护路径包括 / admin 以及 /api/manage/*

关于 cloudflare access 我可能将来也会出一期博客精讲,毕竟真的超级好用

image.png

  1. 开启图片审查,可以前往 https://moderatecontent.com 输入邮箱申请一个图片审查的 api
    把申请到的 api 填在刚才提到的环境变量中,添加一个变量名称为ModerateContentApiKey,值为你刚刚第一步获得的 API key

image.png

  1. 还有白名单(不经过审查),黑名单(不予以显示),统计和搜索功能在后台可用

最后,在完成这些设置后一定一定要记得重新部署哦!!!

只有 web 前端不方便?没关系,我们可以搭配 picgo 进行食用

我们需要用到 GitHub - yuki-xin/picgo-plugin-web-uploader 这个插件,可以自行在 C:UsersXXXAppDataRoamingpicgo 输入命令安装,记得重启软件

npm install picgo-plugin-web-uploader

或者在程序中搜索 web 就可以看到(反正这样我是安装不上)

image.png

按照如图进行配置然后保存应用即可

image.png

请在下方留下您的评论.加入TG吹水群