2017-12-20静的ジェネレーターHugoを使うこのサイトはブログシステムにHugoを利用して運用してます。今回初めてHugoでテーマ作ってみたので、Markdown基本でたまに書き方を忘れてそのままHTMLコード書きたくて、画像はPhotoshopで作って、なんとなくディレクトリに整理して入れたい人には向いてるんじゃないかなということで紹介します。(Windows)使い方Git管理におくテーマを選ぶ記事を投稿する記事の画像プレビューサイト名など設定するHTMLを生成するHugoとはgolangで作られた静的ジェネレーターです。他の言語で作られたHexoやMiddlemanとかJekyllなどありますが、Hugoはシンプルさが売りで他のツールのようにデプロイコマンドはありませんが、HTML/CSSを出力する動作が早いということで、再構築に苦しまないために選んでみました。pushだけでデプロイできるテーマが自由にカスタマイズできる元々WordPressのブログはあるんですが、長文をWYSIWYG上で書くのがそんなに得意ではなく、エディターなどで記述したものを管理画面にコピペしてたのでそれならそもそもエディターで書いたものそのままアップできれば早いんじゃないか、と。書籍の執筆もエディタで書いています。今回の構築環境macOSgithomebrewHugoのインストールmacOS/Windowsに対応しています。macOShomebrewでインストールできます。(Windows)WindowsはChocolateyというパッケージマネージャーがあるのでそれを使うとよさそう。-confirm使い方ローカル上の任意の場所でブログを作成。my_blogmy_blog以下は下のようなディレクトリに。themesGit管理におくGitで管理しておくとデプロイもGit連携で任せられるので先に設定しておきます。/Users/raymdesign/my_blog/.git/テーマを選ぶhttps://themes.gohugo.io/上記サイトで好きなテーマを選びます。日本の方で作ってあるテーマがあったので今回はそれをいれてみます。config.toml記事を投稿する最初の記事を投稿するのにmdファイルを作成。createdcontent/posts以下にmdファイルが生成されました。true---titleはファイル名から、dateは作成日時、draftは下書きフラグ。画像などはstaticフォルダに入れます。true---これは初めてのブログです。![LGTM](/img/test.gif)パスはstaticを抜いたルートパスで書きます。簡易Webサーバ機能があるので下記コマンドを実行することでローカルでプレビューすることが出来ます。あとオートリロード対応なので、記事ファイルを更新すると勝手に更新されます。