Hugo 博客搭建记录

博客迁移到 Hugo 了～

本文简要说明了本博客的建站流程，时间久了容易遗忘，在这里记录一下，希望也能对大家有所帮助。

安装 Hugo 和 Github Desktop

brew install hugo

安装 Github Desktop，并连接仓库

创建博客

hugo new site my-blog
cd my-blog

添加主题

git submodule add https://github.com/yuanji-dev/futu.git themes/futu
git submodule add https://github.com/martignoni/hugo-notice.git themes/hugo-notice

配置 hugo.toml 和其他博客相关文件

参考 nikki 和 Yuanji’s Blog

Cloudflare pages 部署

参考 Windows 下使用 Hugo 和 Cloudflare Pages 配置博客

Github Action 自动部署

参考 nikki 中 .github 目录下的文件

其他问题

• Hugo new ... 生成新博文的头字段模板：Hugo：头字段&使用模板 - 建站指南
• 设置 Google Analytics：【建站技术】在你的 Hugo 博客中使用 Google Analytics 来统计和分析流量数据
• 不选择 GitHub Pages 的原因：将Hugo博客部署到Cloudflare Pages上的体验与踩坑小记 博客迁移至 Cloudflare Pages
• 接入 Google AdSense：Hugo网站接入谷歌AdSense广告以及优化
• 更换网站 favicon: To overwrite default favicons, you can generate your owns on favicon.io, put all extracted files directly under static directory of your own project.

常用 Hugo 命令

hugo new posts/article.md   # 创建新博文
hugo server -D -w           # 启动服务器，在本地预览网站

待解决问题

• 插入图片时需采用 HTML 格式链接，使用 Markdown 格式会报错。