feat: cloudflare pages function

_config.yml

@@ -40,6 +40,7 @@ skip_render:
 include:
   - "_headers" # Netlify header rule
   - "_redirects" # Netlify redirects rule
+  - "_routes.json" # Cloudflare Pages function
 
 # Writing
 new_post_name: :title.md # File name of new posts

functions/images/[[catchall]].js

@@ -0,0 +1,9 @@
+export async function onRequestGet(context) {
+  // const {pathname} = new URL(context.request.url)
+  // const imageURL = new URL(pathname, 'https://mdleom.com')
+  // const imageRequest = new Request(imageURL, {
+  //   headers: context.request.headers
+  // })
+  // return fetch(imageRequest)
+  return context.env.CF_IMAGES.fetch(context.request)
+}

source/_routes.json

@@ -0,0 +1,5 @@
+{
+  "version": 1,
+  "include": ["/images/*"],
+  "exclude": []
+}

wrangler.toml

@@ -4,4 +4,10 @@ compatibility_date = "2024-09-23"
 compatibility_flags = [ "nodejs_compat" ]
 send_metrics = false
 
+# worker
 route = { pattern = "https://mdleom.com/images/*", zone_name = "mdleom.com" }
+
+# pages function
+[[services]]
+binding = "CF_IMAGES"
+service = "cf-images"