Hugo カスタマイズ 1

はじめに

本サイトは静的サイトジェネレーター（SSG）のHugoを使って作成しています。カスタマイズの記録を備忘録のために残します。多くの設定を行ったため、何回かに分けて記事を投稿します。

本サイトの環境の詳細は次の通りです。

Hugo は、disqus というサービスと連携できる機能が標準搭載されています。

設定はとても簡単です。 disqus のアカウントを作成すると取得できる shortname を、config.toml に次のように追記します。

# config.toml内に追記
disqusShortname = "取得したshortname"

favicon は、下記の html を編集し所定の場所に favicon 用の画像を追加することで設定できます。

# faviton を設定する際に編集する html のパス
themes/hugo_theme_robust/layouts/partials/meta.html

themes 内のファイルを編集する際は、直接編集を行わず、themes と同じ階層にある layouts 内にコピーをしてから編集するルールとなっています。 layouts 内に、partitals ディレクトリを作成し、下記のようにファイルをコピーしました。

# Hugo で theme 内を編集する際は、別の場所にコピーする
cp themes/hugo_theme_robust/layouts/partials/meta.html layouts/partials

コピー後、meta.html に下記を追記します。

# meta.html への追記内容
<link rel="shortcut icon" href="/images/favicon.ico" />

追記後、下記のディレクトリに、facicon.icoを配置することで favicon が設定できます。

# favicon 素材のパス
static/images/favicon.ico

他にも、サイドバーの編集や Google アナリティクスの設定などを行ったため、次回はそれらの内容を備忘録として記事にしようと思います。