博客图床搭建

Posted by Solejay on Mon, Aug 19, 2024

1. 注册cloudflare 账号

注册地址

image-20240819142032090

2. 开通 R2

  1. 点击左下 R2

image-20240819142112449

  1. 开通 R2,需填写信用卡信息

3. 创建图床存储桶

  1. 创建存储桶

image-20240819151213565

  1. 创建成功后,点击 设置,在公开访问处允许子域访问

image-20240819151233583

image-20240819151337507

这里之前的教程说可以自定义域名,但是现在(2024-08-19)已经不行,需要自有域名或者申请域名,无法免费使用,因此使用自带的域名

  1. 输入 allow
  2. 点击 对象 tab,上传一张照片即可成功

image-20240819151411924

用上面的方法上传图片十分的麻烦,所以我们一般选择用 PicGo 快速地上传图片。

4. 创建 API 令牌

来到R2页面,点击管理 R2 API 令牌

https://pic.stilig.me/PicGo/202407031018763.webp

点击创建 API 令牌

https://pic.stilig.me/PicGo/202407031020724.webp

自定义令牌名,然后权限选择对象读和写,其他不变,最后下拉点击创建 API 令牌即可

https://pic.stilig.me/PicGo/202407031022887.webp

https://pic.stilig.me/PicGo/202407031025685.webp
注意完成上面步骤后,在新的页面中我们要将访问密钥 ID机密访问密钥记下

https://pic.stilig.me/PicGo/202407031027766.webp
pic-18

5. 配置 PicGo

由于 Amanzon S3 并不在 PicGo 初始的图床中,所以我们要下载插件,选择 s3 即可

https://pic.stilig.me/PicGo/202407031409946.webp

然后依照下图配置 Amanzon S3 图床:

https://pic.stilig.me/PicGo/202407031113252.webp

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

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

  • 填之前的存储桶的名称

  • 文件路径按照个人喜好填写,使用默认可以按月划分文件夹 {year}/{month}/{md5}.{extName}

  • 权限public-read

  • 地区auto

  • 自定义节点https://<帐户 ID>.r2.cloudflarestorage.com,注意这里的<帐户 ID>可在R2页面获得(见下图)。

    https://pic.stilig.me/PicGo/202407031038992.webp

  • 自定义域名就填之前你自定义的域名,若没有自定义域名,不填即可。

  • 点击确定,并设置为默认图床。

6. 图片压缩

  1. 方案一:图片压缩插件 compression
  2. 方案二:图片格式转换插件 webp

image-20240819173116463

经过测试,一张 955KB 的图片

webp:259.49 kB

compress:223.79 kB

因此选择 compression 插件

参考链接

利用 Cloudflare R2 对象存储搭建免费图床

从零开始搭建你的免费图床系统 (Cloudflare R2 + WebP Cloud + PicGo)