Featured image of post 从 WordPress 迁移到 Hugo 静态博客

从 WordPress 迁移到 Hugo 静态博客

Hugo 是由 Go 编写的快速现代静态网站生成器,旨在让网站创建变得有趣

用了大概三天的时间,终于将个人博客站从 WordPress 迁移到 Hugo 上来了。

原因在于 WordPress 中,找了几款 Markdown 插件用起来都不是很满意,而且我本身一直习惯用的 Markdown 来写博客,所以用的顺心是很重要。而且我本身也不需要很强大的功能,或者说只要静态页面也是可以的,最最重要的是,页面对于 Markdown 的渲染要有比较好的支持,不要看起来是一坨的…

一咬牙之下,决定不用 WordPress了,于是就寻找替代方案,于是我找到了 Hugo 这款快速、简单、高性能的静态网站生成器。

使用 Hugo

Hugo 是最受欢迎的开源静态站点生成器之一。凭借其惊人的速度和灵活性,Hugo 让构建网站再次充满乐趣。

安装

Hugo 是运行在 Go 环境的,所以先要安装 Go,可以查看官方的说明,有不同操作系统的安装说明。

https://hugo.opendocs.io/installation/

image

[!TIP]

建议安装扩展板

创建网站

可以参考官方的说明,也很简单,几条命令即可快速创建博客网站

https://hugo.opendocs.io/getting-started/quick-start/

image

主题

作为一个优秀的博客网站,怎么可能少的了一个好看的主题,Hugo 官方提供了一些热门的主题

https://themes.gohugo.io/

image

像我这边使用的是 hugo-theme-stack,大家有兴趣的话,可以去看看

https://github.com/CaiJimmy/hugo-theme-stack

具体的配置,可以参看 github 仓库里面的 hugo.yaml 的样例

https://github.com/CaiJimmy/hugo-theme-stack/blob/master/exampleSite/hugo.yaml

发布部署

写完文章以后,只要在命令中执行以下命令,即可在项目中生成网站的静态页面,在 public 目录下

1
hugo

image

然后将 public 里面的内容部署到服务器即可

[!IMPORTANT]

这里有个大坑,即默认不会发布未来时间的文章,即如果你是马上写完,马上发布,是看不到这篇文章的。这是因为有默认时区的问题,如果你在国内,就是发布在未来的文章。

只需要在 hugo.yaml 的根级加入 buildFuture: true

使用 Github 部署

有一种方案是使用 github 提供的个人 Pages 仓库来免费部署自己的博客网站,有兴趣的小伙伴可以查看相关的文档。

image

但是这种方案,有两个地方需要注意一下:

  • 国内打开 Github 经常出现抽风情况打不开
  • 存放博客内容的这个仓库必须是公开的

使用 Vercel 部署

这种方案,可以很好的解决 Github 部署的问题,仓库可以私有,而且网络国内不受限制。当然,如果你有自己的域名,也是可以绑定的。有兴趣的小伙伴可以查看相关的文档。

image

[!NOTE]

登录的时候可以选择使用 Github 账号,这样就可以自动读取到自己的仓库了,哪怕是私有的也是可以读取到的。

本博客所有内容无特殊标注均为大卷学长原创内容,复制请保留原文出处。
Built with Hugo
Theme Stack designed by Jimmy