Martin Hähnel

Uploading Images For Your Eleventy Blog to Cloudflare R2 from Obsidian

At some point I will write about my Obsidian as a blog editor setup in more detail, but I just wanted to make a note here, that the plugin S3 Image Uploader does indeed work for R2 as well.

  1. create an R2 bucket
  2. create an API token with read and write access for your bucket
  3. put the token data into your password manager (key id, secret key, "jurisdiction-specific" S3 endpoint, token value just in case (even though we don't use it here))
  4. install S3 Image Uploader in your vault
  5. enter the data from your token
  6. Access Key ID goes into the field AWS Access Key ID
  7. Secret Access Key goes into the field AWS Secret Key
  8. enter some other details for the connection
  9. region can be auto
  10. bucket name is the name of your r2 bucket
  11. important: activate use custom endpoint
  12. enter the "jurisdiction-specific" S3 endpoint url there[1]
  13. (optional) If - like me - you have access to your media set up through a Cloudflare Pages Function (I've used this tutorial) you also want to enable and fill out the custom image url.[2]

And that's already it. You can see my first upload using this setup if you visit my latest DailyDogo.

Here's the source of that post:

---
title: DailyDogo 1310 🐶
date: 2025-06-29T00:03:02+03:00
lastmod: 2025-06-29T00:03:02+03:00
tags:
  - DailyDogo
---
DailyDogo 1310 🐶

![A black and white corgi cardigan lying next to - and with her head under - a couch. A couch leg is visible. Half her head rests on a carpet. She's looking into the carmera.](https://blog.martin-haehnel.de/media/uploads/2025/1ae7b1dc8c47de9082f64581a850c503.jpeg)

  1. I have no idea why it's called that, I also feel like they changed the UI here recently... anyway this endpoint just works. ↩︎

  2. I have since moved on to use eleventy-img. ↩︎