准备事项

Cloudflare

注册一个账号, 地址: Cloudflare, 如果需要注册R2存储桶的话, 需要一张银联信用卡或者VISA信用卡, 用来认证

WebP Cloud(可选)

使用GitHub登录, 地址: WebP Cloud Dashboard

PicList

PicList基于PicGo的二次开发版本,增加了云端删除文件的功能, 比PicGo要好用, 也受Typora支持

下载地址: Releases · Kuingsmile/PicList

域名(可选)

最好有一个自己的域名, 可以去https://www.namesilo.com注册, top域名和xyz域名首年1.88$, 如果有油管博主的邀请码, 可以低至1$, 域名注册后托管到Cloudflare, 参考这个油管博主的域名购买和托管部分。

创建 R2存储桶

1. 进入Cloudflare控制台 -> R2 对象存储-> 创建存储桶

2. 输入存储桶名称, 位置选择北美西部(使用WebP Cloud时候会用到, 如果不使用可以忽略), 类型选择标准, 点击创建存储桶(第一次创建可能需要绑定一张银联信用卡, 这个是免费的, 10G空间, 不超不花钱)

3. 返回R2存储桶配置页面, 点击管理令牌, 进入后点击创建令牌

4. 填写名称, 并配置对应的权限

5. 点击创建API令牌, 会生成对应的令牌值, 密钥ID, 访问密钥, 保存好, 因为这几个密钥只显示一次

配置客户端PicList

1. 打开PicList -> 图床 -> ASW-S3 -> 点击编辑按钮

编辑相关配置:

1
2
3
4
5
6
7

图床配置名: 自己随便起
设定AccessKeyId:          R2存储桶的访问密钥ID
设定SecretAccessKey:      R2存储桶的访问密钥
设定Bucker:               R2存储桶的桶名
设定上传路径:              不用改
设定自定义节点:             R2存储桶的默认S3客户端终端, 一般为 https://<帐户ID>.r2.cloudflarestorage.com/<桶名>
设定自定义域名:             填写你的域名, 如果没有可以不填

3. 验证

打开PicList客户端上传区, 链接格式选择URL, 选择一张图片或者拖拽上传, 配置无物会提示上传成功

上传成功后会显示在相册, 点击复制按钮, 会复制图片访问地址, 在浏览器中打开, 如果显示正常, 则配置成功

Typora集成PicList

1. 打开Typora, 文件 -> 偏好设置 -> 图像, 选择对应的客户端

2. 配置好后, 编写一篇MD文档, 加入图片(加入图片默认本地存储), 编写完毕后, 选择格式 -> 图像 -> 上传所有本地图片, 则会自动调用客户端, 上传图片, 并把本地图片路径自动转换成url路径

上传前:

上传后:

到此, Typora集成PicList就已经完成了

加入WebP Cloud

• 此配置属于晋级选项, 可选可不选

WebP Cloud 官网是这么说的: 使用 WebP 云服务，您可以轻松地以轻量级 WebP/AVIF 格式渲染图像，从而显着减小文件大小并加快网站图像的加载时间。大概意思就是, 在保证图片质量的情况下压缩图片大小, 访问更快, 对我们而言, 就是可以让我们的图床可以存储更多的图片

1. 使用Github登录WebP Cloud, 首页地址WebP Cloud Services, 点击Try WebP Cloud, 选择Login with GitHub, 进入控制台面板

2. 关于额度, 截至2024-11-29, WebP Cloud给的免费额度是每天访问3000次, 对于个人用户而言, 基本上就等于免费白嫖了

具体额度参考下面

3. 创建代理, 点击控制面板右下方的创建代理, 配置如下(注意这个区域, 就是创建R2存储桶的区域)

4. 创建后, 会生成一个WebP Cloud的代理地址, 将此地址替换掉PicGo的地址, 后面上传或者访问图片, 就是经过压缩处理过的了, 可以提高访问速度