🔀 Merge pull request #278 from major/cloudflare-deployment-note

📝 Add deployment note about Cloudflare pages
pull/279/head
James Panther 2022-08-19 08:54:49 +10:00 committed by GitHub
commit 6da8cfbe9b
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
1 changed files with 17 additions and 1 deletions

View File

@ -18,6 +18,7 @@ The official Hugo [Hosting and Deployment](https://gohugo.io/hosting-and-deploym
- [GitHub Pages](#github-pages) - [GitHub Pages](#github-pages)
- [Netlify](#netlify) - [Netlify](#netlify)
- [Render](#render) - [Render](#render)
- [Cloudflare Pages](#cloudflare-pages)
- [Shared hosting, VPS or private web server](#shared-hosting-vps-or-private-web-server) - [Shared hosting, VPS or private web server](#shared-hosting-vps-or-private-web-server)
--- ---
@ -119,6 +120,21 @@ Create a new **Static Site** and link it to your project's code repository. Then
The site will automatically build and deploy whenever you push a change to your repo. The site will automatically build and deploy whenever you push a change to your repo.
## Cloudflare Pages
Cloudflare offers the [Pages](https://pages.cloudflare.com/) service that can host Hugo blogs. It builds the site from a git repository and then hosts it on Cloudflare's CDN. Follow their [Hugo deployment guide](https://developers.cloudflare.com/pages/framework-guides/deploy-a-hugo-site) to get started.
The Rocket Loader™ feature offered by Cloudflare tries to speed up rendering of web pages with JavaScript, but it breaks the appearance switcher in the theme. It can also cause an annoying light/dark screen flash when browsing your site due to scripts loading in the wrong order.
This problem can be fixed by disabling it:
- Go to the [Cloudflare dashboard](https://dash.cloudflare.com)
- Click on your domain name in the list
- Click _Optimization_ in the _Speed_ section
- Scroll down to _Rocket Loader™_ and disable it
Hugo sites built with Congo still load very quickly, even with this feature disabled.
## Shared hosting, VPS or private web server ## Shared hosting, VPS or private web server
Using traditional web hosting, or deploying to your own web server, is as simple as building your Hugo site and transferring the files to your host. Using traditional web hosting, or deploying to your own web server, is as simple as building your Hugo site and transferring the files to your host.