hugo+githubpagesで無料のブログ作成

静的サイトをHugoで作成して、GitHubPagesで公開!

無料でブログ管理できる技を紹介します。

HUGOは、GO言語で作られた静的サイトジェネレーターです。

静的サイトジェネレーターというとRuby`の`Jekyll`や`Middlemanが有名なのですが、
管理しやすくてコンパイルが鬼速いという事と、欲しかったページ構成のテンプレがあるという理由でHUGOをチョイスしました。

静的サイトジェネレーターを使えば、皆が大好きな黒い画面だけでWordpress的なサイトを構築できちゃいます。

Markdownも対応しています。

HUGOは、まるでプログラムを組むように使用する事ができます。

例えば、プロジェクト作成、ページの作成や、ローカルサーバー管理などは、rails generate的なコマンドを使って１発でOK。

これにGitHub Pagesを組み合わせる事で、ほぼ設定なしでgit push１発でデプロイできてしまうのです！

version確認

$ hugo version
Hugo Static Site Generator v0.27.1 darwin/amd64 BuildDate: 2017-09-24T16:24:33+09:00

hugoのアップグレードも以下のコマンド１発。

$ brew upgrade hugo
$ hugo version
Hugo Static Site Generator v0.44/extended darwin/amd64

Hugoには様々なテーマ(デザインテンプレート)があります。

上記のサイトを見てるとJekyll`と同じテーマも結構混じっていますが、今回は`HUGOにしかないUniversalをチョイスしました。

インストール方法や、設定なんかもreadmeに全て記載されています。

ルートディレクトリ内にthemesディレクトリがあればOK。なければ作成。
```
$ mkdir themes
```
themesディレクトリに移動して、任意のテーマをgit cloneすればOKです。
```
$ cd themes
$ git clone https://github.com/devcows/hugo-universal-theme.git
```
記事の作成も１発。
```
$ hugo new post/hogehoge.md
```
このサイトではcontent/blogディレクトリ格納しているので、こんな感じ。
```
$ hugo new blog/20170925.md
```

このサイトではcontent/blogディレクトリ格納しているので、こんな感じ。

+++
date = "2017-09-25T01:16:53+09:00"
tags = []
+++
// ここにページ内容のmarkdownを書く

railsと同じように以下のコマンドでプロジェクトを実行し、確認する事ができます。

あとは、これらをサーバーにデプロイするだけです。

GitHubの静的サイトのホスティングサービスです。

GitHub のアカウントがあればすぐに静的サイトが公開できますので、非常にお手軽です。

独自ドメイン
- 独自ドメイン業者側のDNS設定を変更する事で、独自ドメインを割り当てる事ができます。
- https://help.github.com/articles/setting-up-an-apex-domain/
  ※ このサイトの場合は、ドメイン業者のDNSサービスを使わずに、AWSにDNS設定し一元管理しています。