hugo+github+cloudflare搭建博客

使用github仓库存储,使用cloudflare部署,实现无服务器自动部署博客并使用CDN

安装hugo

Chocolatey (Windows)

1
2
3
choco install hugo -confirm
# “扩展”的 Sass/SCSS 版本
choco install hugo-extended -confirm

Fedora、Red Hat、CentOS、RockyLinux

1
sudo dnf install hugo

创建一个新项目

安装 Hugo 后,通过在终端中运行命令创建一个新项目:

1
hugo new site my-hugo-site

创建文章

创建一个新文章,为的 Hugo 网站提供一些初始内容。在终端中运行hugo new命令以生成新文章:

1
hugo new posts/hello-world.md

创建 GitHub 存储库

通过访问 https://repo.new 创建一个新的 GitHub 存储库. 设置存储库后,通过在终端中运行以下命令将应用程序推送到 GitHub:

1
2
3
git remote add origin https://github.com/yourgithubusername/githubrepo
git branch -M main
git push -u origin main

使用 Cloudflare 页面进行部署

登录 Cloudflare 仪表盘切换到 Pages 页面,并选择Create a project,选择新创建的 GitHub 存储库

部署时使用特定的 Hugo 版本

在Pages Settings中设置变量,例如HUGO_VERSION:0.99.1


参考
https://gohugo.io/getting-started/installing/
https://developers.cloudflare.com/pages/framework-guides/deploy-a-hugo-site/

updatedupdated2024-10-282024-10-28