Skip to content

Build a Minimalist Blog with OpenClaw in 10 Minutes โ€‹

This article documents my complete process of using OpenClaw to build a blog from scratch in 10 minutes. Just follow along, let the lobster do the work.

Live Demo: https://erdog-blog.pages.dev


The Core Idea โ€‹

Traditional Way: Manual install โ†’ Manual config โ†’ Manual deploy (1-2 hours)

OpenClaw Way: Tell it what you want โ†’ It executes โ†’ You wait for results (10 minutes)


Step 1: Prepare Your Cloudflare Account (5 minutes) โ€‹

1. Sign Up โ€‹

Go to https://dash.cloudflare.com/sign-up

  • Enter email and password
  • Verify email
  • Done

Completely free, no credit card required.

2. Create an API Token โ€‹

Open https://dash.cloudflare.com/profile/api-tokens

  1. Click Create Token
  2. Select Create Custom Token
  3. Name it Blog Deploy

3. Configure Permissions (Critical!) โ€‹

Add these 3 permissions:

User โ†’ User Details โ†’ Read
Account โ†’ Cloudflare Pages โ†’ Edit
Account โ†’ Account Settings โ†’ Read

4. Get Your Account ID โ€‹

After creating the token, run in terminal:

bash
curl -s -H "Authorization: Bearer Your_TOKEN" https://api.cloudflare.com/client/v4/accounts

The id in the response is your Account ID.

5. Save Two Critical Pieces of Info โ€‹

API Token: KdlywkYvtBkZ-on0CJyyW7ZgyuA4W_cjxn-kMmVc (example)
Account ID: cd43a40e77fdc89831e31dcb632f57f6 (example)

โš ๏ธ Token is shown only once. Copy it immediately!


Step 2: Let OpenClaw Build the Blog (5 minutes) โ€‹

1. Open OpenClaw โ€‹

Find OpenClaw in your chat interface (DingTalk/WeChat/Telegram/etc.).

2. Send the First Message โ€‹

Help me build a minimalist blog with VitePress + Cloudflare Pages, accessible from anywhere.

My Cloudflare credentials:
API Token: [Your Token]
Account ID: [Your Account ID]
Blog Name: [Your Blog Name]

3. OpenClaw Will Automatically Execute โ€‹

It will:

  • โœ… Create VitePress project
  • โœ… Install dependencies
  • โœ… Configure theme and styles
  • โœ… Create homepage, about page, sample posts
  • โœ… Build and deploy to Cloudflare Pages

You just wait for it to complete.

4. Get Your Access URL โ€‹

After deployment, OpenClaw will give you the URL:

๐ŸŽ‰ Deployment complete!

Access URL: https://your-blog.pages.dev

Step 3: Write Articles (1 minute/post) โ€‹

Option 1: Let OpenClaw Write for You โ€‹

Help me write a blog post titled "My First Article", about...

Option 2: Create Manually โ€‹

Create a new file in docs/posts/:

bash
cat > docs/posts/my-article.md << 'EOF'
---
title: My Article Title
date: 2026-03-11
description: Article summary
---

# Title

Content here...
EOF

Deploy Updates โ€‹

Help me deploy blog updates

Or run the deploy script:

bash
bash deploy.sh

Complete Conversation Example โ€‹

Here's my actual conversation with OpenClaw:

Conversation 1: Create Blog โ€‹

Me: Can you develop a blog website?

OpenClaw: Sure! Let me set up a static blog with VitePress...
(Automatically creates project, installs dependencies, configures theme)

Conversation 2: Deploy Live โ€‹

Me: Deploy using option 2, make it minimalist text-focused like top blogs

OpenClaw: Got it! Minimalist text style, coming up!
(Automatically configures styles, builds, deploys to Cloudflare)

Conversation 3: Publish Article โ€‹

Me: Publish this content to my blog, in English

OpenClaw: Alright! I'll translate this technical article to English and publish it.
(Automatically creates post, builds, deploys)

Total time: Less than 10 minutes.


Troubleshooting โ€‹

Q: Deployment shows "Nothing is here yet" โ€‹

A: Make sure --branch=main was specified during deployment. Ask OpenClaw to fix:

My blog shows "Nothing is here yet" after deployment, please fix

Q: Token permission errors โ€‹

A: Recreate the token with these 3 permissions:

  • User โ†’ User Details โ†’ Read
  • Account โ†’ Cloudflare Pages โ†’ Edit
  • Account โ†’ Account Settings โ†’ Read

Q: Want to customize styles โ€‹

A: Just tell OpenClaw:

Change my blog to dark mode / adjust fonts / add navigation

Q: Want to use custom domain โ€‹

A:

  1. Go to Cloudflare Dashboard โ†’ Pages โ†’ Your Project โ†’ Custom domains
  2. Add your domain
  3. Follow DNS configuration prompts

Or ask OpenClaw for detailed steps.


Why Use OpenClaw? โ€‹

Problems with Traditional Approach โ€‹

  1. Reading Docs - VitePress docs + Cloudflare docs (1 hour)
  2. Debugging - Dependency conflicts, config errors, deployment failures (2-3 hours)
  3. Troubleshooting - Unknown errors, repeated attempts (1-2 hours)

Total: 4-6 hours

OpenClaw Approach โ€‹

  1. Tell Requirements - 1 minute
  2. Wait for Execution - 5 minutes
  3. Get URL - 1 minute

Total: 7-10 minutes


Key Code/Configuration โ€‹

Deploy Script (OpenClaw Creates This Automatically) โ€‹

bash
#!/bin/bash
export CLOUDFLARE_API_TOKEN="Your_TOKEN"
export CLOUDFLARE_ACCOUNT_ID="Your_ACCOUNT_ID"
PROJECT_NAME="your-blog"

npm run build
wrangler pages deploy docs/.vitepress/dist --project-name=$PROJECT_NAME --branch=main

Configuration File (OpenClaw Configures This Automatically) โ€‹

typescript
// docs/.vitepress/config.ts
import { defineConfig } from 'vitepress'

export default defineConfig({
  title: 'Your Blog Name',
  description: 'Blog Description',
  themeConfig: {
    nav: [
      { text: 'Home', link: '/' },
      { text: 'Posts', link: '/posts/' },
      { text: 'About', link: '/about' }
    ]
  }
})

Summary โ€‹

What You Need to Do โ€‹

  1. Sign up for Cloudflare (5 minutes)
  2. Create API Token (2 minutes)
  3. Tell OpenClaw your requirements (1 minute)
  4. Wait for completion (5 minutes)

Total: About 13 minutes

What OpenClaw Does โ€‹

  • โœ… Create project structure
  • โœ… Install all dependencies
  • โœ… Configure theme and styles
  • โœ… Create sample content
  • โœ… Build and deploy
  • โœ… Create deployment script

What You Get โ€‹

  • A live blog
  • Complete source code
  • One-click deploy script
  • Ongoing update support

Get started! Open your OpenClaw and send the first message:

Help me build a minimalist blog with VitePress + Cloudflare Pages.

My Cloudflare credentials:
API Token: [Your Token]
Account ID: [Your Account ID]

In 10 minutes, you'll have a live blog. ๐ŸŽ‰


References:

Have ideas? Email me cnyfdr@gmail.com