博客迁移到了新的 Hugo 主题

博客迁移到了新的 Hugo 主题

💡 原文中文,约3300字,阅读约需8分钟。
📝

内容提要

顾宇的博客迁移到新的Hugo主题Congo,主要步骤包括备份内容、创建新博客、安装主题、使用Github Actions自动部署、修改配置,以及迁移旧文章和图片。迁移后,博客实现了简洁明快的设计,并支持在线编辑功能。

🎯

关键要点

  • 备份内容,并做一个全量删除提交,保存图片和文章。
  • 采用 Hugo 新建一个新的博客,生成空结构并提交。
  • 安装 Congo 主题,使用静态文件解压方式,避免配置遗漏。
  • 采用 Github Actions 自动化部署博客,创建工作流文件。
  • 修改 Github Pages 配置,设置使用 gh-pages 分支发布站点。
  • 覆盖配置,合并主题内的配置到根目录的 config.toml 文件。
  • 开启在线编辑功能,配置编辑 URL 指向 Github 的 content 目录。
  • 迁移旧的文章和图片,验证后批量提交,完成博客迁移。

延伸问答

博客迁移到新的Hugo主题的主要步骤是什么?

主要步骤包括备份内容、创建新博客、安装Congo主题、使用Github Actions自动部署、修改配置,以及迁移旧文章和图片。

如何备份博客内容?

备份内容时,需要保存图片和文章,并通过git命令删除所有内容后创建全量删除提交,以便后续恢复。

如何使用Github Actions自动部署博客?

需要在代码库根目录创建.github/workflows/gh-pages.yml文件,配置相关的工作流以实现自动化部署。

Congo主题的安装方式有哪些?

Congo主题可以通过Hugo安装、Git Submodule下载或静态文件解压的方式安装,推荐使用Hugo安装。

如何修改Github Pages的配置?

需要在Github代码库的Settings中设置使用gh-pages分支发布站点,并可创建CNAME文件以添加自定义域名。

在线编辑功能是如何开启的?

在线编辑功能通过配置参数showEdit为true,并设置editURL指向Github的content目录来实现。

➡️

继续阅读