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
- 注册 Github 并建立一个 Private 的 repository
- 本地 Hugo 安装的根目录下执行
git init
初始化仓库 - 执行
git add .
添加所有文件 - 执行
git commit -m "first commit"
提交文件 - 执行
git remote add origin https://github.com/<your-github-name>/<your-github-repo>.git
添加远程仓库 - 执行
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 仓库
- 注册 Cloudflare 并在 Workers 和 Pages 下创建一个 Pages 项目
- 选择 Github 作为部署源
- 选择前面步骤在 Github 创建的私有仓库
- 填写项目名称并选择生产分支为
main
- 选择框架预设为
Hugo
- 新建环境变量(高级)
HUGO_VERSION
填写版本号为前面本地安装的 Hugo 对应版本号 - 保存并部署后绑定域名即可访问
更新博客内容
本地 Hugo 根目录下的 content/posts
目录下创建 .md
文件,使用 markdown 格式编写内容,完成后直接 git push 到 Github 几秒后 cloudflare 自动重新部署,即可访问博客内容。