WordPress 迁移至静态网站:使用 Openclaw Skills 优化并部署

作者:互联网

2026-03-30

Word

什么是 WordPress 迁移至静态网站?

wp-to-static 技能专为希望消除 WordPress 维护成本和安全风险的开发者设计。通过利用 Openclaw Skills,该工具通过 SSH 对渲染后的 HTML 进行深度镜像,智能识别前端实际使用的资源。通过丢弃未使用的主题、插件和服务器端代码,该过程可以将一个 1.5GB 的臃肿网站缩小到大约 25MB。

该工作流通过完全移除 PHP 确保零攻击面,从而实现瞬时加载速度和零托管成本。该技能处理从服务器端镜像到本地优化,以及最终通过 GitHub 部署到 Cloudflare Pages 的整个生命周期。

下载入口:https://github.com/openclaw/skills/tree/main/skills/abhibavishi/wp-to-static

安装与下载

1. ClawHub CLI

从源直接安装技能的最快方式。

npx clawhub@latest install wp-to-static

2. 手动安装

将技能文件夹复制到以下位置之一

全局模式 ~/.openclaw/skills/ 工作区 /skills/

优先级:工作区 > 本地 > 内置

3. 提示词安装

将此提示词复制到 OpenClaw 即可自动安装。

请帮我使用 Clawhub 安装 wp-to-static。如果尚未安装 Clawhub,请先安装(npm i -g clawhub)。

WordPress 迁移至静态网站 应用场景

  • 将活跃的 WordPress 博客迁移到高性能静态托管以节省成本。
  • 通过移除 PHP 执行引擎和数据库依赖来保护遗留网站的安全。
  • 通过自托管字体和剔除 WordPress 特有的元数据来优化网站性能。
  • 自动化从开发版 WordPress 服务器到生产静态环境的部署流水线。
WordPress 迁移至静态网站 工作原理
  1. 执行本地环境变量和所需二进制文件(如 gh、wrangler 和 rsync)的预检查。
  2. 通过 SSH 连接到远程服务器以定位 WordPress 根目录和配置文件。
  3. 使用 wget 执行服务器端镜像命令,生成网站的纯 HTML 表示。
  4. 仅将必要的静态资源同步到本地构建目录,严格排除所有 PHP 和敏感配置文件。
  5. 解析所有 HTML 和 CSS 文件以构建引用资源的清单,确保最终包中仅包含已使用的文件。
  6. 将绝对 URL 重写为相对路径,下载并自托管 Google 字体,并删除 WordPress 生成器标签。
  7. 配置 Cloudflare 特有的标头和重定向,以优化缓存和安全性。
  8. 初始化私有 GitHub 仓库并将最终的公开目录部署到 Cloudflare Pages。

WordPress 迁移至静态网站 配置指南

要在 Openclaw Skills 生态系统中使用此技能,请确保您的环境已配置:

# 验证 GitHub 和 Cloudflare 身份
gh auth login
wrangler login

# 设置所需的环境变量
export WP_SSH_HOST="your.server.com"
export WP_SSH_USER="username"
export WP_SSH_PORT="22"
export WP_SSH_KEY="~/.ssh/id_rsa"
export WP_SITE_URL="https://example.com"
export WP_SITE_NAME="my-static-site"

# 将您的密钥添加到代理中
eval "$(ssh-agent -s)"
ssh-add $WP_SSH_KEY

WordPress 迁移至静态网站 数据架构与分类体系

该技能将数据组织到结构化的构建流水线中,以防止服务器端文件意外泄露:

路径 描述 保留
./build/site/ 来自服务器的原始镜像内容 git 提交前删除
./public/ 最终优化的静态网站 提交到 Git
./public/fonts/ 本地化 Web 字体 提交到 Git
./public/_headers Cloudflare 缓存和安全标头 提交到 Git
./public/_redirects 静态路由和遗留路径处理 提交到 Git
name: wp-to-static
description: Convert a WordPress website to a static site and deploy to Cloudflare Pages. Mirrors the rendered HTML via SSH, extracts only referenced assets (shrinks 1.5GB+ to ~25MB), fixes URLs, self-hosts fonts, strips WordPress cruft, and deploys. Use when migrating a WordPress site to static hosting.
disable-model-invocation: true
argument-hint: "[site-url]"
allowed-tools: Bash, Read, Write, Edit, Grep, Glob, Task, WebFetch
metadata: {"openclaw":{"requires":{"bins":["ssh","ssh-agent","rsync","curl","git","gh","wrangler"],"env":["WP_SSH_HOST","WP_SSH_USER","WP_SSH_PORT","WP_SSH_KEY","WP_SITE_URL","WP_SITE_NAME"]},"emoji":"??","os":["darwin","linux"]}}

WordPress to Static Site (Cloudflare Pages)

Convert a WordPress website to a pixel-perfect static site and deploy it to Cloudflare Pages. Zero attack surface, zero hosting cost, instant load times.

Prerequisites

Before running this skill, the user MUST have:

  1. GitHub CLI authenticated: Run gh auth status to verify. If not logged in, run gh auth login first.
  2. Cloudflare Wrangler authenticated: Run wrangler whoami to verify. If not logged in, run wrangler login first.
  3. SSH key added to ssh-agent: The recommended way to handle SSH keys. Run:
    eval "$(ssh-agent -s)"
    ssh-add ~/.ssh/your_wp_key
    
  4. Server host key verified: The user should have connected to the server at least once and accepted the host key, so it exists in ~/.ssh/known_hosts.

Environment Variables

Required (stop and ask if any are missing):

  • WP_SSH_HOST — SSH hostname (e.g., ssh.example.com)
  • WP_SSH_USER — SSH username
  • WP_SSH_PORT — SSH port (e.g., 18765)
  • WP_SSH_KEY — Path to SSH private key file (e.g., ~/.ssh/wp_key). Key must have chmod 600 permissions.
  • WP_SITE_URL — WordPress site URL (e.g., https://example.com)
  • WP_SITE_NAME — Short project name (e.g., mysite)

Optional:

  • CF_ACCOUNT_ID — Cloudflare account ID for Pages deployment
  • GH_REPO_VISIBILITYprivate (default) or public

Security Model

  • SSH authentication uses ssh-agent — keys are loaded into the agent before running, so no passphrase is passed via environment variables or command arguments
  • SSH host key verification is ENABLED (no StrictHostKeyChecking=no) — the server must already be in ~/.ssh/known_hosts
  • Credentials are NEVER logged, echoed, or displayed
  • Credentials are NEVER committed to git
  • GitHub repos are created as private by default

Step 0: Validate

  1. Check all required env vars are set. If any are missing, stop and tell the user.
  2. Verify required binaries exist: ssh, ssh-agent, rsync, curl, git, gh, wrangler.
  3. Verify gh auth status succeeds. If not, tell user to run gh auth login.
  4. Verify wrangler whoami succeeds (if CF_ACCOUNT_ID is set). If not, tell user to run wrangler login.
  5. Verify SSH key file exists and has correct permissions (chmod 600).
  6. Stop if anything is missing.

Step 1: Test SSH Connection

Test the connection using the key from ssh-agent:

ssh -i $WP_SSH_KEY -p $WP_SSH_PORT $WP_SSH_USER@$WP_SSH_HOST "echo connected"

If the key requires a passphrase and ssh-agent is not loaded, tell the user:

Please add your SSH key to ssh-agent first:
  eval "$(ssh-agent -s)"
  ssh-add /path/to/your/key
Then re-run /wp-to-static

If the host key is not recognized, tell the user to connect manually once first to verify and accept the host key:

Please connect to the server once manually to verify the host key:
  ssh -i $WP_SSH_KEY -p $WP_SSH_PORT $WP_SSH_USER@$WP_SSH_HOST
Accept the host key, then re-run /wp-to-static

Do NOT use StrictHostKeyChecking=no. Do NOT bypass host key verification.

Step 2: Locate WordPress Installation

SSH in and find the WordPress public_html directory. Common locations:

  • ~/www/DOMAIN/public_html/
  • ~/public_html/
  • ~/htdocs/
  • /var/www/html/

Confirm by finding wp-config.php. Store path as WP_ROOT.

Step 3: Mirror with wget (ON THE SERVER)

Run wget --mirror on the server (not locally):

cd /tmp && rm -rf static_mirror && mkdir -p static_mirror && cd static_mirror && r
wget --mirror --convert-links --adjust-extension --page-requisites --no-parent r
  --restrict-file-names=windows -e robots=off --timeout=30 --tries=3 --wait=0.5 r
  --user-agent="Mozilla/5.0 (Macintosh; Intel Mac OS X 10_15_7)" r
  $WP_SITE_URL/ 2>&1 | tail -30

If wget is not available on the server, fall back to curl locally for rendered HTML.

Step 4: Rsync to Local

Create ./build/site (NEVER use the project root as temp dir).

Exclude server-side code and sensitive files. Only static assets (images, CSS, JS, fonts) are needed. PHP files, config files, and other server-side code must NEVER be downloaded.

RSYNC_EXCLUDE="--exclude='*.php' --exclude='wp-config*' --exclude='.htaccess' --exclude='*.sql' --exclude='*.log' --exclude='debug.log' --exclude='error_log' --exclude='.env' --exclude='*.bak' --exclude='*.backup'"

rsync -avz $RSYNC_EXCLUDE server:/tmp/static_mirror/DOMAIN/ ./build/site/
rsync -avz $RSYNC_EXCLUDE server:$WP_ROOT/wp-content/uploads/ ./build/site/wp-content/uploads/
rsync -avz $RSYNC_EXCLUDE server:$WP_ROOT/wp-content/themes/ ./build/site/wp-content/themes/
rsync -avz $RSYNC_EXCLUDE server:$WP_ROOT/wp-content/plugins/ ./build/site/wp-content/plugins/
rsync -avz $RSYNC_EXCLUDE server:$WP_ROOT/wp-includes/ ./build/site/wp-includes/

After rsync, verify no PHP or config files were downloaded:

find ./build/site -name '*.php' -o -name 'wp-config*' -o -name '.htaccess' -o -name '.env' | head -20

If any are found, delete them before proceeding.

Step 5: Extract Only Referenced Assets

This is the key step. Parse all HTML and CSS files to find every referenced local file:

From HTML: src=, href=, data-src=, data-srcset=, srcset=, inline background-image: url()

From CSS: All url() references — resolve relative paths from CSS file location to site root.

Write the list to ./build/referenced-files.txt, then copy only those files to ./public/ preserving directory structure. This typically shrinks 1.5GB+ down to ~25MB.

Step 6: Fix Absolute URLs

In index.html and ALL CSS files:

  1. Replace $WP_SITE_URL/ → empty string (relative paths)
  2. Replace any staging/dev domain URLs → local paths
  3. Self-host Google Fonts:
    • Download each .ttf to ./public/fonts/
    • Update @font-face src: to fonts/filename.ttf
  4. Remove for Google Fonts domains

CSS path resolution is critical. If CSS is at wp-content/uploads/cache/file.css:

  • wp-content/uploads/../../
  • wp-content/themes/../../themes/
  • wp-includes/../../../wp-includes/

Step 7: Strip WordPress Cruft

Remove:

  • (WordPress, WPBakery, Slider Revolution)
  • , (RSS, oEmbed)
  • ,
  • for fonts.googleapis.com
  • W3 Total Cache HTML comments
  • wp-json root references in inline JSON

Keep: Email addresses, (update to /)

Step 8: Cloudflare Pages Config

Create ./public/_headers with aggressive caching for /fonts/*, /wp-content/*, /wp-includes/*.

Create ./public/_redirects redirecting /wp-admin/*, /wp-login.php, /xmlrpc.php, /feed/*/ (302).

Step 9: Verify Locally

  1. Start python3 -m http.server from ./public/
  2. Test key assets return HTTP 200 (CSS, JS, logo, fonts, images)
  3. Tell user to open the URL and visually verify
  4. Wait for user confirmation before deploying

Step 10: Scrub Temporary Files and Deploy

Before any git operations, remove the ./build/ directory to ensure no server-side code, PHP files, or sensitive data can accidentally be committed:

rm -rf ./build

Verify only ./public/ remains and contains no PHP or config files:

find ./public -name '*.php' -o -name 'wp-config*' -o -name '.htaccess' -o -name '.env'

This must return empty. If not, delete those files before proceeding.

Then deploy:

  1. git init, commit ONLY ./public/ and .gitignore
  2. git config http.postBuffer 524288000 (for binary assets)
  3. gh repo create $WP_SITE_NAME --private --source=. --push
  4. CLOUDFLARE_ACCOUNT_ID=$CF_ACCOUNT_ID wrangler pages project create $WP_SITE_NAME --production-branch main
  5. CLOUDFLARE_ACCOUNT_ID=$CF_ACCOUNT_ID wrangler pages deploy ./public --project-name $WP_SITE_NAME
  6. Verify deployment, report live URL, remind about custom domain setup

Safety Rules

  • NEVER display or log credentials (SSH keys, passphrases, tokens)
  • NEVER commit credentials to git (.gitignore must exclude .env, *.key, *.pem)
  • NEVER use StrictHostKeyChecking=no or bypass SSH host verification
  • NEVER pass passphrases as command-line arguments or environment variables at runtime
  • NEVER delete the current working directory (breaks the shell CWD)
  • NEVER force-push or use destructive git commands
  • NEVER rsync PHP files, wp-config, .htaccess, .env, or SQL dumps from the server
  • Use ./build/ for temp files, ./public/ for output — only ./public/ is committed
  • ALWAYS delete ./build/ BEFORE any git operations to prevent accidental commits of server-side files
  • Verify ./public/ contains no PHP or config files before committing
  • Stop and report on any failure — do NOT retry blindly