利用Cloudflare R2+PicGo作为图床的搭建实操

前期,本站一直在使用sm.ms作为图床,后来发现加载速度不佳,寻思着也没什么好用的云服务器能加速访问,但是,近期站长本人在逛B站的时候发现有UP主安利CloudflareR2对象存储,看了一下,在国内看起来访问速度尚可,寻思着要不就直接用R2+PicGo,也能实现边写博客,边上传图片,一举俩得,于是就有了这次的博客。

存储桶的创建

首先登陆Cloudflare之后,应该是如下的一个页面。

Cloudflare主页

那么我们需要打开对象存储的页面

然后创建一个存储桶,这个存储桶就是我们未来放置图片的地方。

这里给存储桶起一个名字,我的建议是image之类的,这里是测试用,就随便起了。那么这个地区建议选择亚太,如果你的网站的目标受众是海外的可以选择别的,或者是None。

存储桶创建

创建成功后就是这样一个页面,这个页面已经可以进行文件的上传了(红色框选的区域),但是我们需要将其接入PicGo,并且挂载到我们博客自己的链接下面,所以我们进入选项。

存储桶页面

我们点开这个allow,然后在后续的提示里面输入allow,允许所有人访问此存储桶的文件。

R2.dev访问限制
Allow

这里可以将我们的对象存储连接到我们已经交给Cloudflare解析的域名下面。(本质就是创建一个CNAME的DNS记录)

这里就不多做演示了。

DNS解析

APIkey的获取

接下来我们返回主页,来给PicGo创建一个APIkey,方便软件直接对接R2。

PicGo的安装

接下来我们拿到这些,先收着,我们来在PC上安装PicGo。

PicGo是基于node.js开发的,所以我们需要安装Node.JS来获得某些扩展。

Node.js官网

正常安装就好了,没什么好说的。接下来我们来安装PicGo。

PicGo下载页面

下载下来就正常安装就好了,没什么好说的。接下来我们来配置PicGo。

插件安装&配置

首先我们到PicGo的商店搜索s3

S3插件下载

安装好之后,我们展开图床设置,点开这个Amazon S3,点击+号添加一个配置。

添加配置

这里参考上面获取的API key将其填入,至于S3 api的获取,请看下面的图

打开Cloudflare页面,进入R2的概览页面,打开之前创建的存储桶,进入设置,那么S3 API就是我们需要填写在自定义节点的内容。

存储桶概览页面

填入之后保存即可,接下来我们试着上传一下图片,如果没有问题就可以正常使用了。

额外设置

如果你也有自己的域名,并且按照上述方式将存储桶绑定到了Cloudflare,那么可以像我一样设置自定义链接,来通过PicGo获得自定义的图片链接。

自定义链接的获取

我的方式比较简单,生成的地址也就是上面按{year}/{month}/{md5}.{extName}这样的路径,如果你们有其他的需求,可以参考自定义URL输出模板

当然如果有快捷键上传的需求可以在PicGo的设置里自行摸索哈。

暂无评论

发送评论 编辑评论


				
|´・ω・)ノ
ヾ(≧∇≦*)ゝ
(☆ω☆)
(╯‵□′)╯︵┴─┴
 ̄﹃ ̄
(/ω\)
∠( ᐛ 」∠)_
(๑•̀ㅁ•́ฅ)
→_→
୧(๑•̀⌄•́๑)૭
٩(ˊᗜˋ*)و
(ノ°ο°)ノ
(´இ皿இ`)
⌇●﹏●⌇
(ฅ´ω`ฅ)
(╯°A°)╯︵○○○
φ( ̄∇ ̄o)
ヾ(´・ ・`。)ノ"
( ง ᵒ̌皿ᵒ̌)ง⁼³₌₃
(ó﹏ò。)
Σ(っ °Д °;)っ
( ,,´・ω・)ノ"(´っω・`。)
╮(╯▽╰)╭
o(*////▽////*)q
>﹏<
( ๑´•ω•) "(ㆆᴗㆆ)
😂
😀
😅
😊
🙂
🙃
😌
😍
😘
😜
😝
😏
😒
🙄
😳
😡
😔
😫
😱
😭
💩
👻
🙌
🖕
👍
👫
👬
👭
🌚
🌝
🙈
💊
😶
🙏
🍦
🍉
😣
Source: github.com/k4yt3x/flowerhd
颜文字
Emoji
小恐龙
花!
上一篇