前期,本站一直在使用sm.ms作为图床,后来发现加载速度不佳,寻思着也没什么好用的云服务器能加速访问,但是,近期站长本人在逛B站的时候发现有UP主安利Cloudflare的R2对象存储,看了一下,在国内看起来访问速度尚可,寻思着要不就直接用R2
+PicGo
,也能实现边写博客,边上传图片,一举俩得,于是就有了这次的博客。
存储桶的创建
首先登陆Cloudflare之后,应该是如下的一个页面。
那么我们需要打开对象存储的页面
然后创建一个存储桶,这个存储桶就是我们未来放置图片的地方。
这里给存储桶起一个名字,我的建议是image之类的,这里是测试用,就随便起了。那么这个地区建议选择亚太,如果你的网站的目标受众是海外的可以选择别的,或者是None。
创建成功后就是这样一个页面,这个页面已经可以进行文件的上传了(红色框选的区域),但是我们需要将其接入PicGo,并且挂载到我们博客自己的链接下面,所以我们进入选项。
我们点开这个allow,然后在后续的提示里面输入allow
,允许所有人访问此存储桶的文件。
这里可以将我们的对象存储连接到我们已经交给Cloudflare解析的域名下面。(本质就是创建一个CNAME的DNS记录)
这里就不多做演示了。
APIkey的获取
接下来我们返回主页,来给PicGo创建一个APIkey,方便软件直接对接R2。
PicGo的安装
接下来我们拿到这些,先收着,我们来在PC上安装PicGo。
PicGo是基于node.js开发的,所以我们需要安装Node.JS来获得某些扩展。
正常安装就好了,没什么好说的。接下来我们来安装PicGo。
下载下来就正常安装就好了,没什么好说的。接下来我们来配置PicGo。
插件安装&配置
首先我们到PicGo的商店搜索s3
。
安装好之后,我们展开图床设置
,点开这个Amazon S3,点击+号
添加一个配置。
这里参考上面获取的API key
将其填入,至于S3 api
的获取,请看下面的图
打开Cloudflare页面,进入R2的概览页面,打开之前创建的存储桶,进入设置,那么S3 API
就是我们需要填写在自定义节点的内容。
填入之后保存即可,接下来我们试着上传一下图片,如果没有问题就可以正常使用了。
额外设置
如果你也有自己的域名,并且按照上述方式将存储桶绑定到了Cloudflare,那么可以像我一样设置自定义链接,来通过PicGo获得自定义的图片链接。
我的方式比较简单,生成的地址也就是上面按{year}/{month}/{md5}.{extName}
这样的路径,如果你们有其他的需求,可以参考自定义URL输出模板
当然如果有快捷键上传的需求可以在PicGo的设置里自行摸索哈。