Hugoのクイックスタート
今回はhugoのセットアップについて解説しようと思います。
環境
- MacOS Catalina ver10.15.3
- MacBookPro(15-inch,2016)
- プロセッサ 2.6GHz クアッドコアIntelCorei7
- メモリ16GB 2133MHz LPDDR3
- IntelHDGrahic 530 1536MB
クイックスタート
Anankeテーマを使用してHugoサイトを作成します。
ステップ1：Hugoをインストールする
brew install hugo
インストールを確認するには
hugo version
ステップ2：新しいサイトを作成する
hugo new site quickstart && cd $_
quickstartという名前のフォルダーに新しいHugoサイトが作成されます
ステップ3：テーマを追加する
このクイックスタートではAnankeテーマを使用しています
git init
git submodule add https://github.com/budparr/gohugo-theme-ananke.git themes/ananke
echo 'theme = "ananke"' >> config.toml
ステップ4：コンテンツを追加する
hugo new posts/my-first-post.md
自動でオプションが追加されます、中身は以下のような感じになっています、 markdownの部分に自分の記入したい内容を書いていきましょう。
[contents/posts/my-first-post.md]
---
title: "My First Post"
date: 2020-04-26T23:06:51+09:00
draft: false
---
# ここにmarkdownを記載します
ステップ5：Hugoサーバーを起動する
ドラフトを有効にしてサーバーを起動します
hugo server -D
http://localhost:1313
ステップ6：テーマをカスタマイズする
config.tomlテキストエディタで開きます。
baseURL = "https://example.org/"
languageCode = "en-us"
title = "My New Hugo Site"
theme = "ananke"
title上記をご自身のお好みのカスタマイズに変更します。
ステップ7：静的ページを作成する
hugo -D
デフォルトでは、出力は./public/ディレクトリにあります。
