用了大概三天的时间,终于将个人博客站从 WordPress
迁移到 Hugo
上来了。
原因在于 WordPress
中,找了几款 Markdown
插件用起来都不是很满意,而且我本身一直习惯用的 Markdown
来写博客,所以用的顺心是很重要。而且我本身也不需要很强大的功能,或者说只要静态页面也是可以的,最最重要的是,页面对于 Markdown
的渲染要有比较好的支持,不要看起来是一坨的…
一咬牙之下,决定不用 WordPress
了,于是就寻找替代方案,于是我找到了 Hugo
这款快速、简单、高性能的静态网站生成器。
使用 Hugo
Hugo 是最受欢迎的开源静态站点生成器之一。凭借其惊人的速度和灵活性,Hugo 让构建网站再次充满乐趣。
安装
Hugo
是运行在 Go
环境的,所以先要安装 Go
,可以查看官方的说明,有不同操作系统的安装说明。
[!TIP]
建议安装扩展板
创建网站
可以参考官方的说明,也很简单,几条命令即可快速创建博客网站
主题
作为一个优秀的博客网站,怎么可能少的了一个好看的主题,Hugo
官方提供了一些热门的主题
像我这边使用的是 hugo-theme-stack
,大家有兴趣的话,可以去看看
具体的配置,可以参看 github
仓库里面的 hugo.yaml
的样例
https://github.com/CaiJimmy/hugo-theme-stack/blob/master/exampleSite/hugo.yaml
发布部署
写完文章以后,只要在命令中执行以下命令,即可在项目中生成网站的静态页面,在 public
目录下
|
|
然后将 public
里面的内容部署到服务器即可
[!IMPORTANT]
这里有个大坑,即默认不会发布未来时间的文章,即如果你是马上写完,马上发布,是看不到这篇文章的。这是因为有默认时区的问题,如果你在国内,就是发布在未来的文章。
只需要在
hugo.yaml
的根级加入buildFuture: true
使用 Github 部署
有一种方案是使用 github
提供的个人 Pages
仓库来免费部署自己的博客网站,有兴趣的小伙伴可以查看相关的文档。
但是这种方案,有两个地方需要注意一下:
- 国内打开
Github
经常出现抽风情况打不开 - 存放博客内容的这个仓库必须是公开的
使用 Vercel 部署
这种方案,可以很好的解决 Github
部署的问题,仓库可以私有,而且网络国内不受限制。当然,如果你有自己的域名,也是可以绑定的。有兴趣的小伙伴可以查看相关的文档。
[!NOTE]
登录的时候可以选择使用
Github
账号,这样就可以自动读取到自己的仓库了,哪怕是私有的也是可以读取到的。