将Hugo博客部署到Cloudflare Pages

关于如何配置Hugo博客并部署到Cloudflare Pages。

Hugo官网:https://gohugo.io/

下载安装

  1. 下载Hugo,注意要下extended版

https://github.com/gohugoio/hugo

  1. 解压到合适位置的bin文件夹,并将bin加入环境变量

系统属性→环境变量→Path→编辑→新建→输入bin地址

创建站点并编辑

  1. 在博客文件夹中输入cmd打开终端,输入以下创建一个站点
hugo new site 站点名
  1. 从终端进入站点文件夹,输入以下创建新文章
hugo new posts/文章名.md
  1. 编辑文章时将draft(草稿)属性改为false才能正常显示

draft = false

  1. 选择Hugo主题,放入themes文件夹

https://themes.gohugo.io/

  1. 在toml文件中添加

theme = ‘主题名’

本地预览

  1. 输入以下启动本地服务
hugo server
  1. 用浏览器访问本地站点

http://localhost:1313/

部署到Cloudflare Pages

  1. 注册并登录到 Cloudflare,点击 Computer → Workers 和 Pages

https://www.cloudflare.com/

  1. 点击右上的创建应用程序,选择部署Pages

  2. 点击拖放文件并上传public文件夹