Cloudflare Native

The Ultimate Cloudflare-Native Blog Scaffold

Deploy a blazing-fast personal blog or developer journal completely on the Cloudflare edge network. Powered by Hexo, Pages, Workers, D1 database, and R2 bucket.

Deploy Now Learn More →
dashboard.xhalo.dev 
# Clone and bootstrap
$ git clone https://github.com/ranbeioc/xhalo-blog.git
$ cd xhalo-blog && npm install

# Start the local development server
$ npm run dev

✔ xhalo-blog dev server ready at http://localhost:8787
ℹ D1 Database local binding configured
ℹ R2 Storage local bucket mapped

Powerful Capabilities, Zero Servers

xhalo-blog provides everything you need to run a professional, secure, and infinitely scalable blog with zero server maintenance overhead.

⚡

Hexo Speed

Supercharged by Hexo static generation. Fast build times, standard Markdown compatibility, and NexT theme adapter support.

💾

D1 SQLite Database

Serverless relational database at the edge. Mapped schemas, index tracking, and auto-generated migration history.

📦

R2 Object Storage

Zero egress fee storage bucket. Directly upload assets, support signed preview links, and automatically match theme folders.

🛡️

Turnstile Security

Protect mutation endpoints from bots and malicious requests using non-interactive Cloudflare Turnstile token validation.

🖥️

Admin Panel UI

Write, edit, preview, and publish your content on the web. Connects directly to Workers API with local dry-run options.

⚙️

GitHub Actions Integration

Deploy preview environments on branch commits. Auto-generate sitemaps, robots.txt rules, and RSS feeds during merge cycles.

Edge Architecture Overview

Here is how xhalo-blog integrates the full Cloudflare ecosystem to distribute content and manage assets globally.

Visitor / Admin Cloudflare Edge Network CF Pages Static HTML / CSS CF Workers API Serverless Router CF R2 Bucket Media & Assets CF D1 Database SQLite Metadata

Get Started in 2 Minutes

Follow these simple steps to deploy your own xhalo-blog edge environment.

1

Clone the Repository

Get the scaffold codebase on your local machine and install workspaces dependencies.

git clone https://github.com/ranbeioc/xhalo-blog.git
cd xhalo-blog
npm install
2

Configure Cloudflare Resources

Login to your Cloudflare account using Wrangler and create your D1 database and R2 bucket.

npx wrangler login
npx wrangler d1 create xhalo-blog-db
npx wrangler r2 bucket create xhalo-blog-assets
3

Local Dry Run & Development

Boot up the edge emulator and local admin panel workspace to verify operations.

npm run dev
4

Connect Cloudflare Pages

Validate locally, push through GitHub review, then connect your selected site repository to Cloudflare Pages.

npm run check:all
git push origin main