Elegantly use Cloudflare to host Hugo

Aug 12, 2023#Hugo344

AI Translation

This post is translated from Chinese into English through AI.View Original

AI-generated summary

Cloudflare Pages offers a free policy that includes 500 monthly submissions, unlimited sites, requests, and bandwidth. Each project can have up to 10 custom domains, each site can have up to 20,000 files with a maximum file size of 25 MB. Only one Pages deployment can be done at a time, taking approximately 2-3 minutes. Cloudflare can host Hugo static pages by pushing .md files to a GitHub repository, and Cloudflare will handle the building and deployment process. To enable Cloudflare Pages, users need to create a worker, connect to GitHub, and associate the project. The configuration involves selecting Hugo as the framework and setting the HUGO_VERSION. After saving and deploying, the site can be accessed successfully.

Cloudflare Pages' free policy: 500 submissions per month, unlimited sites, requests, and bandwidth. Each project can have up to 10 custom domains, each site can have up to 20,000 files, and the maximum file size is 25 MB. Only one Pages deployment can be done at a time (usually takes about 2-3 minutes).

Hosting Hugo static pages with Cloudflare can be done elegantly by adding .md files under the "content" folder locally, pushing them to the repository, and letting Cloudflare handle the building and deployment. Cloudflare will deploy the pages extracted from the "public" folder.

Enable Cloudflare Pages:

Go to the workers interface and click on "Create".
Click on "Github" and connect.
Associate the project in Github (make sure to push the Hugo site to the Github repository first).
Enter the configuration by selecting the project.
Choose Hugo as the framework and set the "HUGO_VERSION" to a newer version, such as "0.114.1".
Save and deploy.

Once the deployment is complete, the site can be accessed successfully.

References: