不亦乐乎

Hugo 博客的第一篇文章

这是 Hugo 博客的第一篇文章。

Hugo 博客通过 github 和 cloudflare pages 搭建,使用的 Anubis 主题修改。

下面是博客搭建过程的简单介绍。

本地 Ubuntu 搭建 Hugo 环境

Hugo 下载地址:https://github.com/gohugoio/hugo/releases

本地环境搭建见 Hugo 官方文档:https://gohugo.io/installation/linux/,如果使用 .deb 安装包安装,要下载带 extended 的版本。

下载主题并做好配置

Hugo 主题使用需要和根目录下的 hugo.toml 文件进行对应配置,一般主题下都会有带 exampleSite 目录用于参照修改 Hugo 配置。

配置完通过下面命令运行,然后 localhost:1313 能正常访问博客,就说明安装 OK 了。

hugo server -D

创建 Github 仓库并 push 到 Github

  1. 注册 Github 并建立一个 Private 的 repository
  2. 本地 Hugo 安装的根目录下执行 git init 初始化仓库
  3. 执行 git add . 添加所有文件
  4. 执行 git commit -m "first commit" 提交文件
  5. 执行 git remote add origin https://github.com/<your-github-name>/<your-github-repo>.git 添加远程仓库
  6. 执行 git push -u origin main 提交到 Github

本博客通过 Cloudflare Pages 部署,所以本地不需要执行 hugo server -D 命令后再 push 到 Github 私有仓库。直接 push 后,Cloudflare 嗅探到仓库文件变化,会自动执行部署,生成静态页面用于访问。

初次 push 到 Github 需要输入用户名和密码,用户名是 Github 账号名,密码并不是 Github 登录密码,而是用户 token,在 github.com/settings/tokens 处新建。

对于每次提交代码都需要输入用户名和密码的问题,可以在添加私钥后,使用 git config credential.helper store 命令来解决。

创建 Cloudflare Pages 并绑定 Github 仓库

  1. 注册 Cloudflare 并在 Workers 和 Pages 下创建一个 Pages 项目
  2. 选择 Github 作为部署源
  3. 选择前面步骤在 Github 创建的私有仓库
  4. 填写项目名称并选择生产分支为 main
  5. 选择框架预设为 Hugo
  6. 新建环境变量(高级)HUGO_VERSION 填写版本号为前面本地安装的 Hugo 对应版本号
  7. 保存并部署后绑定域名即可访问

更新博客内容

本地 Hugo 根目录下的 content/posts 目录下创建 .md 文件,使用 markdown 格式编写内容,完成后直接 git push 到 Github 几秒后 cloudflare 自动重新部署,即可访问博客内容。