Publish to Cloudflare Pages

Video tutorial

A 48-second captioned slideshow made from real publishing test screenshots captured on November 11, 2026, rather than a continuous screen recording. Account setup is explained in text; dashboard screenshots are not included. Project names and URLs are redacted. The assets contain no account ID, account name or token. The video has Chinese text; choose English captions or follow the steps below.

Follow the steps

1. Prepare the websiteUse a folder containing index.html and its CSS, JavaScript and images. A zip archive or a project with dist/index.html also works.
2. Configure CloudflareSign in to Cloudflare and copy the Account ID for the account you will use. Create a custom API Token with Account → Cloudflare Pages → Edit and limit it to that account.
3. Save credentialsEnter the Account ID and API Token in the app, save to Keychain, then verify and list projects. No real credentials appear in this tutorial.
4. Publish for the first timeChoose Publish to Cloudflare Pages from the webpage editor’s run menu to select the webpage folder automatically. Alternatively, open publishing from Settings and choose a folder or zip. Enter a project name using lowercase letters, digits and hyphens, then publish.
5. Open and checkWait for the result, open the returned HTTPS link and check the page, images and JavaScript interactions. This publishes static websites; it does not run Python or Node.js servers in the cloud.
6. Update the websiteEdit and save the webpage. Open publishing again, verify and select the existing Pages project, then publish. Reusing the project updates the same website address.

Cloudflare’s official account and token guide

Real publishing screenshots (redacted)