你好Hugo,再见WordPress

目录

前言

在使用了10年的WordPress后,我决定从WordPress转向Hugo了。

什么是Hugo

Hugo是最受欢迎的开源静态站点生成器之一。

凭借其惊人的速度和灵活性,Hugo再次使构建网站变得有趣。

Hugo官方宣称其是全球构建网站最快的框架,其性能为6秒可生成5000篇文章。

为什么我要从WordPress转向Hugo

10年前,我开始写博客,选择了WordPress。那时候还没有学习markdown,直接在线编辑器开始写。后来,学会markdown后,写文章变为下面的流程:

  1. 在本地使用typora进行文字编辑,并保存为md文件。
  2. 复制粘贴到WordPress里,进行一番排版。
  3. 对文章进行发布前的预览,确认没问题后,进行发布。

整个流程体验下来,非常的繁琐,特别是第2-3步,耗费比较多的时间进行排版调整。有没有办法直接渲染markdown文件呢?

是时候尝试现代化的静态生成器了。

Hugo是一种用Go语言编写的静态站点生成器,以其极快的速度,强大的内容管理和强大的模板语言使其非常适合各种静态网站。

最终我的写作流程变成这样:

  1. 在本地使用typora进行文字编辑,并保存为md文件。
  2. 提交代码到版本库,并推动到远端的仓库。
  3. 触发GitHub Action的自动构建,并构建成功后,发布最新文章到GitHubPages。

切换到基于Hugo+GitHub Pages搭建的博客,有以下好处:

  1. 整个博客其实可以都放在同一个版本库,可以查看到全部的修改历史。如果使用GitHubPages的话,几乎不需要购买VPS自行搭建环境了。
  2. 特别是图片引用,在md文件随意的引用,添加到版本库即可。这样的操作流程比在WordPress上传图片方便太多。
  3. 从Hugo的源代码里,可以学Go语言,是让我选择Hugo决定性因素。

如何从WordPress转向Hugo

迁移

官方提供了很多迁移工具,可以从WordPress迁移到Hugo,可以在这里找到对应的迁移工具Migrate to Hugo

最简单的办法是先使用插件wordpress-to-hugo-exporter 将旧文章转为对应的md文件,然后手动对md进行编辑。

部署

关于如何部署到GitHub Pages,请参考这篇文章Hugo部署方案

评论

切换到hugo后遇到第一个问题是,无法进行评论。如果将hugo生成的静态文件部署到GitHub Pages上的话,可以利用GitHub Issue API尝试自建评论系统。 也有相关的基于GitHub Issue的评论插件,比如:

  1. gtalk
  2. GitHub Comments
  3. gitment

最终还是选择了gtalk,关于为什么选择gtalk以及如何使用,请参考这篇文章,为hugo添加gittalk组件

总结

文章里介绍什么是Hugo,以及为什么要选择Hugo,介绍如何从WordPress迁移到Hugo。迁移到Hugo,如何进行部署以及可能会遇到的评论问题,给出评论问题的解决方案。