将Hugo博客部署到Cloudflare Pages

下载安装

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

    https://github.com/gohugoio/hugo
  2. 解压到合适位置的bin文件夹,并将bin加入环境变量

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

创建站点并编辑

  1. 在博客文件夹中输入cmd打开终端,输入以下创建一个站点

    hugo new site 站点名
  2. 从终端进入站点文件夹,输入以下创建新文章

    hugo new posts/文章名.md
  3. 编辑文章时将draft(草稿)属性改为false才能正常显示

    draft = false
  4. 选择Hugo主题,放入themes文件夹

    https://themes.gohugo.io/
  5. 在toml文件中添加

    theme = '主题名'

本地预览

  1. 输入以下启动本地服务

    hugo server
  2. 用浏览器访问本地站点

    http://localhost:1313/

部署到Cloudflare Pages

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

    https://www.cloudflare.com/
  2. 点击右上的创建应用程序,选择部署Pages
  3. 点击拖放文件并上传public文件夹

评论区:

评论已关闭