CloudFlare+R2存储桶

在搭建完部署在CF上的博客后，经过前面的测试还是得使用外链的图片，KV存储无法存储过大的图片，下面就将我搭建的图片做个记录。

1. 开通R2的权限，这个需要一个外币的信用卡，好在cloudflare不会真的去扣费验证是否可用，就是说你随便找一个有效的外币信用卡绑定就行。

2. 点开R2存储，并创建一个新的存储桶，名字随意，只要自己能区分即可，变量名字也是需要注意，最好就叫imgbed这样避免在初始化的时候无法访问R2存储桶。。
   

3. 还需要新建一个workers KV 存储，名字可以随意，但是在绑定的时候，设置的变量名称必须的是img_url这是代码写死的。
   

4. 点开‘计算和AI’==>‘Workers和Pages’，并创建新的Pages，并使用github登陆，没有可以先去注册一个账号，使用谷歌邮箱或者国内邮箱注册都可以，然后去把这个Github项目克隆到自己的仓库里面，后面再返回Pages里面选择新克隆的仓库并构建，其它都不动，只需要在构建命令中输入‘ npm install ‘，然后等待部署完成，在‘设置’==>‘绑定’==>‘添加’里面将之前创建的R2存储桶和Workers KV绑定到当前的Pages中。
   
   

5. 然后再找到‘部署’==>‘重试部署’等待3分钟后就搞定了。
   

6. 第一次访问是比较慢的，耐心等待，这个最主要的就是设置上传密码和登录密码，这样就不会被人乱上传东西，其它设置都是默认即可不用做任何改动，代码会自动识别的。
   

7. 等待部署完成，最后添加自己的域名，下面是完成搭建后的页面，自己用完全够用了。
   

8. 当然我自己修改了一下仓库中的一些代码，比如把首页的背景图去除，这样加载速度会更快一些，修改了一下感谢页标，还有不要去‘系统设置’==>‘网页设置’==>‘全局设置’==>‘默认URL前缀’里面修改，这样会导致外链无法显示和访问，我测试四五次都不行。