准备

Cloudflare账户
一个域名
启用R2需要绑定一个支付方式,VISA和万事达卡,也可以绑定Paypal国区账户(可以绑定银联卡)。

Cloudflare配置存储桶

创建存储桶

名称随便写,位置选亚太地区APAC

绑定域名

Cloudflare配置了.dev子域,但是在国内环境下访问不畅,所以需要添加我们的自定义域名
在刚才创建的test下链接在Cloudflare解析好的域名

设置公开访问,如果不设置,上传图片后,是不能直接在公网访问!

现在就能在存储桶中上传图片了

使用 PicGo 上传图片到 R2

创建R2 API令牌


名称随意,权限选对象读和写,其他默认

记录以下数据,访问ID和访问密钥,只出现一次

PicGo配置自动上传图床

Picgo地址
安装S3插件

配置
应用密钥 ID填之前创建 API 令牌时获得的访问密钥 ID
应用密钥填之前创建 API 令牌时获得的机密访问密钥

桶填之前的存储桶的名称
文件路径按照个人喜好填写,这里我填的是{fileName}.{extName}
地区填apac
自定义节点填https://<帐户 ID>.r2.cloudflarestorage.com,注意这里的<帐户 ID>是R2主界面右上角的数据
自定义域名填https:// +你绑定的域名

设置完后就可以愉快的使用 PicGo 了

Picgo安装图片压缩插件

搜索compress插件并安装

按图配置即可

imagemin和image2webp对比
体积对比

效果对比

  1. jpg文件
  2. webp文件

    日常使用建议无脑webp,image2webp压缩