Lazy loaded image打造笔记神器Obsidian 的“零成本”丝滑图床：Cloudflare R2 完美方案

type
Post
status
Published
date
Mar 21, 2026
slug
summary
tags
工具
category
icon
password
想要Obsidian的双向链接笔记在多端同步时图片永不“图裂”？Cloudflare R2+Obsidian内置插件的组合方案，是目前兼具经济性与高性能的最优解。相比传统对象存储，R2最大的杀手锏在于免除外网流出流量费（Egress Fees），配合 Cloudflare 全球 CDN 加速，无论是笔记内嵌还是跨平台分享，都能实现图片秒开且几乎零成本运行。
本教程将手把手教你如何从零开始，利用 Cloudflare R2 搭建专属图床，彻底摆脱第三方平台的束缚，让你的知识库拥有更纯粹、稳定且低成本的视觉体验。 # Cloudflare端设置
创建账号什么的我就不写了，是个人都会！

步骤 1：创建存储桶(Bucket)

打开cloudflare，右上角小人头像，点开后语言调成中文。
image
找到R2对象存储，概述
image
点右上角“创建存储桶”
image
按我下图这样选即可，当然存储桶名称你可以自己自定义 命名建议：
  • 全小写
  • 不要空格
  • 不要中文
  • 尽量简洁
例如可用：
  • obsidian-img
  • my-notes-assets
  • note-attachments
创建好以后记下这个 Bucket 名称，后面 Obsidian 要填。
image
###
步骤 2：创建 API 凭证
在 R2 里创建 API 访问凭证，你会拿到这几个关键值：
  • Access Key ID
  • Secret Access Key
  • Account ID 或 R2 Endpoint 所需信息
点击左上角存储桶返回存储桶列表
image
右下角找到API Tokens，点击右边Manage
image
点创建 API 令牌，按照下图我这样的设置选择和填写！
image
image
分别将如图框出来的字符串复制保存到单独的文件里（我是新建一个txt的文本文档保存的），后面都可能要用到。并且可能只出现这一次，后面不好再查询。
image
###
步骤 3：配置公开访问地址
要把 R2 当图床用，图片必须能被浏览器直接访问。
这里推荐你使用 自定义域名（关于有趣的域名，你可以参考我的这篇推文https://x.com/jaylenngx/status/2016424806439334191）
我们回到刚刚创建的obsidian图床存储桶，点击“设置”
image
找到“自定义域”，添加
image
填入你自己的域名，点继续
image
下一步，直接点“连接域”
image
要初始化，需要等待一小会儿！成功后是这样的：
image
image
我们回到obsidian存储桶，任意上传一张图片！
image
上传成功后，我们点击这个图片文件。
image
我们点开后，复制自定义域里这张图片的网址，去浏览器URL栏里粘贴，Enter一下！
image
直接就能看到我这张原图了！
image
至此，cloudflare端R2存储桶我们就操作完毕了。接下来就开始在obsidian端进行插件设置了！

Obsidian端设置

我们打开电脑端Obsidian，点击下面小齿轮设置图标，点击第三方插件
image
想要使用Obsidian的第三方插件，必须关闭安全模式。
image
点击浏览！
image
搜索栏直接搜索“S3”，选择带“AWS S3”的这个！
image
点击安装！
image
安装成功后把这两个文位置开关开启。
image
点击刚刚安装的这个S3插件的设置按钮，进行参数设置。
image
前几项就按我们复制保存的那几串字符串对应的复制填入即可。 其中：AWS Access Key ID对应”访问密钥ID“ AWS Secret Key对应”机密访问密钥“
image
image
接下来如下图这部分的设置：
Bucket folder这里填： obsidian/ {month}
Upload on drag：可以开启。
image
继续向下：
Use custom endpoint：开启 Custom S3 Endpoint：填入你在cloudflare里保存的那几个字符串里的”为S3 客户端使用管转权地特定的终结点“的内容。
Use custom image URL：则输入你绑定给这个图床存储桶的自定义域名。
image
image
继续向下其他设置项就都可以不用管了。
到这里，我们通过Cloudflare的R2存储桶给Obsidian搭建图床的教程就完成了。
这时你再在Obsidian写文章插入或粘贴图片时，这张图片就会自动上传至Cloudflare的R2存储桶指定的位置保存，并形成它全网唯一的网址。而在Obsidian上，这张图片就只以一种图片专属的代码格式（代码就是纯文字格式，占内存就特别特别小了）存在。 你可以理解为，某一篇在Obsidian上写成的图文教程，实际上在Obsidian里全是文字，图片全部被分离到Cloudflare里去了。但当我们看这篇文章到有图片的地方时，Obsidian插件可以马上调用Cloudflare里的图片展示给你。并且这个调用时间极短，几乎是肉眼无法分辨的，完全不影响我们的阅读体验。
Prev
最低7人民币每月的纯净住宅IP检测和全设备端的使用指南
Next
Claude最强配置，业内最干净并且一度卖断货的VPN，直接配置高速住宅静态IP，吊打一切机场！无需链式套代理等繁杂步骤，3分钟简单配置全平台轻松上手！
Loading...