このホームページは静的サイトジェネレータHugoでできている。

インストール

sudo snap install hugo

windowsなら https://github.com/gohugoio/hugo からwindows用のzipファイルをダウンロードして解凍する。

ホームページ作成

ホームページを作成したいディレクトリで

hugo new site SITENAME

を実行すると、 SITENAME というフォルダが作成される。

中を見ると

ls SITENAME
archetypes/  config.toml*  content/  data/  layouts/  public/  static/  themes/

となっている。

ホームページを確認する

config.toml が保存されているディレクトリで

hugo server

を実行する。

http://localhost:1313/ にアクセスすると作成されたホームページを確認することができる。

Themeを導入する

このままでは味気ないのでテーマを導入する。 公式HPに色々なテーマがあるので好みのものを見つける。

ここでは私が使っているHugo-PaperModを使うことにする。 このテーマは見た目が綺麗なのはもちろんのこと各種説明も充実していて使い勝手が非常に良いのでオススメ。 インストールの方法も以下に分かりやすくまとめられている(Installation | Update | PaperMod)

git init
git submodule add --depth=1 https://github.com/adityatelange/hugo-PaperMod.git themes/PaperMod
git submodule update --init --recursive
# needed when you reclone your repo (submodules may not get cloned automatically)

テーマを有効化するために hugo.toml に theme = "Papermod" を追記する(値はフォルダ名と同じにする)。

サイトをビルドする

hugo コマンドでサイトをビルドすることができ、結果は public フォルダに保存される。

これをサーバーにアップロードすればホームページを公開することが出来る。