俺イケ!!!

俺よりイケてないエンジニアはいない

blogをoctopressからHugoに乗り換えたメモ

Hugo

今までblogはoctopressで書いてたのですが、先日ひさしぶりに「おっしゃ!書くか!」ってなってoctopressコマンド叩いたらエラー出てて「めんどくせええぇぇぇぇーーーー!!!1」ってなってたらdeeeetさんの OctopressからHugoへ移行した をナイスなタイミングで読んだので便乗してHugoに乗り換えてみました。

使い方はHugoDocsに丁寧にかかれているのでオススメです。

やったこととしては

  • Themeの選定とカスタマイズ
  • config.tomlの作成 くらいです。

Themeの選定

hugoThemesにThemeが用意されている。Themeを作れるほどのスキルはなかったのでこの中からチョイスしてカスタマイズすることにしました。 日に日にThemeが増えているようなのでこまめにチェックするといいかもしれないです。 また、Themeのpreviewサイトがcoming soonとなっているので待ち遠しいですね。

Themeのカスタマイズ

とりあえずThemeをいろいろ見てみてlanyonがよさげだったのでとりあえずこれをベースにカスタマイズしました。 といってもsidebarの項目をメンテしたりsharebuttonを突っ込んだりしたくらいです。

config.tomlの作成

Hugoはtomlが使えるということだったのでconfigファイルはtomlにしてみました。 参考までに使用している現在のconfig.tomlは以下となります。

contentdir = "content"
layoutdir = "layouts"
publishdir = "public"
baseurl = "http://blog.jigyakkuma.org"

[indexes]
  category = "categories"
  tag = "tags"

[params]
  Title = "俺よりイケてないエンジニアはいない"
  description = "jigyakkuma's blog"
  DateForm = "Jan 02 , 2006"
  languageCode = "ja"
  countryCode = "ja"
[permalinks]  
  post = "/:year/:month/:day/:filename/"
[params.Twitter]
  Account = "@jigyakkuma_"
  Url = "https://twitter.com/jigyakkuma_"
[params.Github]
  Url = "https://github.com/jigyakkuma"
  UserName = "jigyakkuma"

こんな感じでパラメータを定義しておいて

{{ .Site.Params.Twitter.Account }}

でlayout用のhtmlに突っ込んどくと使えます。

感想

最初は便乗して乗り換えてみるか!くらいの感じでしたが、HugoがGoで実装されているというところもあってGoの環境があればgo getしてすぐに使い始められるのは個人的には楽でした。 ディレクトリ構成もシンプルなのでわかりやすくてgood。

$ tree -L 1
.
├── archetypes
├── config.toml
├── content
├── layouts
├── public
└── static

public内のファイルをサーバに置けば(このblogはgithub pages)公開されますが、どこにどういう風にdeployするかでやり方が様々なので導入の際は事前に考えておいたほうがよさそうです。

まだまだ発展途上で、どう進化していくのか楽しみなのでもう少し使い込んでみたいと思います。

11 Feb 2015 #blog