最终效果
可以免费使用 Cloudflare 10G 的图床,图床链接每月被加载浏览超过 1 千万次后才会被收费,详见下表。
速度方面确实会慢一些,文章中的图片要等 10s 左右才会加载出来,如果你只是想减小存储空间而且不介意打开速度,那么可以使用这种方法。如果需要图片秒开(比如分享到微信),那么这种方法不适合,需要使用其他的方法了。
A 类操作:可简单理解为上传图片次数,B 类操作:可简单理解为图片被加载浏览次数。
前期配置要求:注册了 Cloudflare(https://www.cloudflare.com)账号,且开通了付款方式(PayPal 或信用卡)。没有信用卡也没关系,国内 PayPal 可以绑定国内银行卡。
Cloudflare 配置
- 创建存储桶,
- 给存储桶起个名字(随意),地区我是选择亚太,点击创建就完成了。
- 在设置中选择“允许访问”,稍等一会儿等待生效,公共 URL 访问变为“允许”。
如果有域名,选择“连接域”效果会更好。本着最简原则,使用 R2.dev 子域,"R2.dev 存储桶 URL"和"S3 API"就是我们需要的,复制下来待会儿要用。这样就设置成功了。
思源笔记配置
下载好“Picgo 图床”插件后进行设置。
- 选择“AWS S3”选项,点击“编辑”按钮
- 填写相关配置,
(1)在 Cloudflare 获取 AccessKeyID、SecretAccessKey
(2)其他设置项(没有提到的就是默认):
-
设定 Bucket,就是“Cloudflare 配置”第 2 步中给存储桶起的名字。
-
上传路径默认即可。
-
设定 Region,亚太地区填“apac”。其他地区见下图:
-
设定自定义节点,填“Cloudflare 配置”第 3 步中获得的"S3 API"。
-
设定自定义域名,填“Cloudflare 配置”第 3 步中获得的 R2.dev 子域,此处有个坑,子域后一定要加上/{uploadPath},否则图片会上传不成功。
如果在"Cloudflare 配置"第 3 步中配置了自己的域名,可以填配置好的域名/{uploadPath} ,上传、加载速度会更快。
(3)非必要动作:
如果平时上传的图片比较大,可以使用 WebP Cloud 的图片压缩技术,在“设定自定义域名”中填写在网站中获取的代理域名/{uploadPath} 。
这样就大功告成了。
ps.
- 使用 R2.dev 速度确实不理想,后期有了长期域名后再考虑用域名吧,有了域名还可以去折腾 Backblaze B2。但是有个顾虑:域名不再由自己持有后,图片链接就失效了是硬伤,不如使用 R2.dev 稳定。
- 有很多大神已经做了 Cloudflare R2+Picgo 教程,这里只是简单搬运、写下自己在思源笔记上配置的步骤,非原创,仅作记录和分享。
- 思源笔记上的 Picgo 插件可以选择内置 app,不用额外启动 Picgo 软件,这点比 Obsidian 好,好评。但在实际使用中,截屏软件的图片粘贴后可以直接上传图床,从桌面复制过来的图片不会自动上传,而且多张图片点击"一键上传"也只能上传最后一张,还是凑合着用吧。
- 思源笔记发布到社区的疑问:为什么有图床链接不能直接发布,说是有外链影响体验?如果不用思源笔记怎么在社区开一个新帖子,入口在哪?笔记内容直接复制到帖子编辑框中后文字加粗效果怎么没了?
参考链接:
欢迎来到这里!
我们正在构建一个小众社区,大家在这里相互信任,以平等 • 自由 • 奔放的价值观进行分享交流。最终,希望大家能够找到与自己志同道合的伙伴,共同成长。
注册 关于