曾经升级完 Node 后对 Hexo 一顿折腾,感觉有点麻烦,新 MBP 入手后懒得再折腾一遍,想换到 Hugo 试试。

Quick Start

安装:

$ brew install hugo

查看:

$ hugo version

建站:

$ hugo new site site-name

快速添加主题:

(以我正在使用的 Jane 为例)

$ cd site-name
$ git init
$ git clone https://github.com/xianmin/hugo-theme-jane.git --depth=1 themes/jane
$ echo 'theme = "jane"' >> config.toml

写博客:

页面:

$ hugo new page-name.md

文章:

$ hugo new post/post-name.md

预览、调试:

$ hugo server
$ hugo server -D  # 将标记为 draft: true 的草稿也生成预览

浏览器打开 http://localhost:1313/ 即可预览。

生成:

$ hugo

生成速度超级快!

部署:

public 中所有内容部署到 Github Pages 或 Coding Pages 即可。

URL 管理

我喜欢这样的 url :dvel.me/post/1 dvel.me/post/2

编辑 config.toml ,修改或增加:

[permalinks]
  post = "/post/:slug"

在文章的 Front Matter 中新增 slug 并正确填写即可。

也可以参考官方文档的 URL Management 修改成 "/post/:year-:month-:day" 等各种格式。

Front Matter

支持 YAML、TOML、JSON 格式,推荐使用 YAML 格式,可以少敲一些引号。

编辑 <your site>/archetypes/default.md 文件可以设定模板,使用 $ hugo new page-name.md 命令后可以自动生成。

---
title: {{ replaceRE "[0-9]{2,}" "" .Name | replaceRE "^-*" "" | replaceRE "-" " " | title }}
author: Dvel

date: {{ .Date }}
lastmod: 

tags:
- 

draft: true
---

参考 & 感谢