rakuishi.com

Hugo Zen: これから Hugo を始める人向けのミニマムなテーマを作りました

/ Tech

Hugo Zen という、静的サイトジェネレータ Hugo で使えるテーマを作りました。理由は、公開されているテーマ hugoThemes には、主張が強すぎるものが多く、どれを参考にオリジナルテーマを作ればいいか分からなかったからです。

Hugo Zen は、ミニマムに作られています。Skeleton という素敵な CSS ライブラリと、100 行に満たない custom.css から出来ていて、Hugo Zen を元に自分のテーマを作るのに向いています。

Hugo Zen

導入

Hugo プロジェクトから以下のコマンドを打てば、使えるようになります。

$ cd themes
$ git clone https://github.com/rakuishi/hugo-zen
$ hugo server --theme=hugo-zen --buildDrafts --watch

設定

config.toml に以下の内容を記述すれば、テーマに反映してくれます。config ファイルの変更は、hugo server --watch では反映されないため、再度コマンドを叩く必要があります。

baseurl = "http://rakuishi.com/"
languageCode = "ja"
title = "rakuishi.com"
author = "rakuishi"

[params]
  logo      = "/images/logo.jpg"
  copyright = "rakuishi All rights reserved."
  twitter   = "https://twitter.com/rakuishi07"
  facebook  = "https://www.facebook.com/ochiishikoichiro"
  github    = "https://github.com/rakuishi/"
  email     = "rakuishi@gmail.com"
  analytics = "UA-12345678-9"