150 字
1 分钟
Continue to Leverage Cloudflare for Free, Build an Image Bed

I. Introduction#

Previously, all the images for my blog were stored in the assets directory, which I thought would make my repository grow larger and larger. I saw tutorials online about deploying an image bed, so I followed along and deployed one.

II. CloudFlare-ImgBed Project#

I used the CloudFlare-ImgBed project1, CF Image Bed (click the text on the left for the link)

2.1 Deployment Key Points#

  1. Have a Cloudflare account;
  2. Deploy on Pages;
  3. Can bind your own domain;
  4. Access the domain and set up image bed information in the backend;
  5. The image bed can set accessible links and anti-hotlinking.

2.2 Post-Deployment Test#

Here are the images uploaded to the image bed, testing if they display normally.

1000129819.jpg
IMG_20260123_225753.webp
20260219161922109.webp
NOTE

HTML syntax can set image width through the width attribute, and image height through the height attribute. This is different from Markdown syntax and allows you to control the display size of images.

Footnotes#

  1. https://github.com/MarSeventh/CloudFlare-ImgBed

Continue to Leverage Cloudflare for Free, Build an Image Bed
https://jolla.pp.ua/posts/en/cloudflare_images_bed/
作者
NanHuShiJie
发布于
2026-02-19
许可协议
CC BY-NC-SA 4.0