注意

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 的项目，确定

   

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

自定义

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

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

   

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

   

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

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

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

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

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

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

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

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

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

npm install picgo-plugin-web-uploader

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

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