Hugo

The world’s fastest framework for building websites

起初看到这个 slogan 还是有点不服的,使用了一段时间后还是真香了。

Hugo 对于 mac 用户还是比较友好的。

安装

brew install hugo

新建站点

hugo new site [site_name]

选择主题

cd [site_name]

git init

git submodule add [theme_git_url] themes/[theme_name]

可以去这里找更多皮肤

配置主题

将上一步配置的主题名写入 toml 配置文件中

echo 'theme = "[theme_name]"' >> config.toml

新建文章

hugo new posts/[post_name].md

新建的 md 文件会自带如下头部

---
title: "[post_name]"
date: 2019-03-26T08:47:11+01:00
draft: true
---

draft 表示当前文章是否为草稿,如需发布,改为 false 即可

启动本地服务

hugo server -D

该命令将会在当前主机的 1313 端口启动一个支持热更新的 hugo 服务

打包静态页面

hugo -D

该命令将会解析当前文章并在 public 文件夹内生成对应静态文件

Vercel

其实也可以部署到自己的服务器上,再配一个 github action 来自动化部署,但是比较繁琐,不如直接使用现成的。

Vercel 就是一个比较好的解决方案,将我们上面构建的 Hugo 项目托管到 github 之后,链接 Vercel 和对应仓库即可。

绑定成功后,可以用 Vercel 提供的域名访问,也可以把自己的域名解析到对应的 IP。