Hugo加Heroku搭建博客

简单总结一下这个博客的搭建过程. 正如我上一篇文章提到的: 原先的Octopress作为静态网站生成工具已经满足不了我的需求了, 因此改用Hugo.

我这里选择了使用Hugo作为静态网站生成工具, Heroku作为静态网站部署平台. 原因有二:

  1. 快. Hugo生成页面的速度真的很快
  2. 熟悉度. 之前的博客同样放在Heroku上的

Hugo相关

整体Hugo的使用这里就不多介绍了, 官网上的快速入门写的很详细, 照着做基本没什么问题.

如果之前用惯了octopress, hugo用起来可能会有点别扭, 另外自己需要配置的东西也稍微多了一点.

Heroku相关

这里重点介绍下如何把网站放到Heroku上. 这里假设本地已经安装好了git和heroku命令.

第一步进入博客目录, 将它和heroku应用关联起来(详细可以参考这里):

1
2
## 假设我已经创建了一个heroku应用. 这个命令实际上是设定git的remote
$ heroku git:remote -a my-new-blog

接下来需要准备部署和启动逻辑(感谢这位作者的贡献):

1
2
3
4
5
## 设定
heroku buildpacks:set "https://github.com/roperzh/heroku-buildpack-hugo.git"

## 指定版本
heroku config:set HUGO_VERSION=0.50

一切就绪后直接推送我们的仓库至heroku即可:

1
2
## 将内容推送到hero, 并开始构建
git push heroku master

然后访问对应的地址应该就可以看到我们的网站了. Enjoy~