静的サイトジェネレータHugoをはじめる

下記サイトを参考に、ローカルでサイトがプレビューできるところまでを確認する。

• 公式Quick Start
• 静的サイトジェネレーター Hugo をとりあえず試してみた

環境

macOS 10.13.6

手順

ターミナルで下記を実行

brew install hugo
hugo version # バージョン情報が表示されればインストール成功
hugo new site bookshelf #サイトの作成
hugo new post/good-to-great.md # コンテンツの新規作成　ここを編集してコンテンツを作る
hugo server -D # プレビューする　ただしここではまだテーマがないので画面は真っ白
cd themes # テーマを入れていく
git clone https://github.com/dim0627/hugo_theme_robust.git robust

config.tomlへ下記を追記

theme = "robust"

ターミナルで下記を実行

hugo server -D

結果

サイトが表示された。

画面を縮めると、スマホ向けのレイアウトになってくれる。