Deploy on Cloudflare Pages

July 12, 20221 min read Deployment Docs Cloudflare Pages

🎉 Our new modular theme is available now, which ships with much more features and higher flexibility, please consider giving it a try for your new static sites. :)

This theme provides several kinds of layouts, such as posts and docs. Our documentation uses the docs layout. If you're looking for an example that using posts layout, please take a look at the page Markdown Syntax.

This article show you how to deploy your site to Cloudflare Pages.

Creating a Project

We’ll start by creating a Git project and filling in the appropriate information.

Build Command

1npm i && hugo --gc --minify --enableGitInfo -b https://hbs-skeleton.pages.dev

npm i is a shortcut to npm install, which installs the dependencies used during the site build.
-b https://hbs-skeleton.pages.dev specifies baseURL, please replace it yourself. You can also save it to a configuration file instead of specifying it in the build command.

Environment Variables

Name	Value
`HUGO_VERSION`	`0.147.9`
`NODE_VERSION`	`16`

404 Page

Cloudflare is smart enough to use the best matching 404 pages, even for multilingual sites, and works without additional configurations.

Copyright

CC BY-NC-ND 4.0