ブログのデザインを変えたくてhugoのテーマを作り直したときに調べたこととかをまとめました。

アーカイブ

単純な一覧ではなくよくサイドバーかにある2021(10)みたいなのを作りました。 年ごとや月ごとのアーカイブを出す機能がHugoにはないのでTaxonomyを使った方法で作りました。 configファイルに下記を追記します。

[taxonomies]
archive = "archives"

記事毎に下記のようにarchivesを定義していきます。

archives: ["2021/08"]

サイドバーで下記のように一覧を追加しました。

<ul class="side-menu-list">
    {{ range $items := .Site.Taxonomies.archives.Alphabetical.Reverse }}
        <li><a href="{{ $.Site.BaseURL }}archives/{{ .Name | urlize | lower }}">{{ .Name }} ({{ .Count }})</a></li>
    {{ end }}
</ul>

コメント

コメントがつけられるようにDisqusを使っていたので、そのまま使えるようにしました。 Hugoの公式のテンプレを張り付けるだけで実装できました。

Comments | Hugo

関連記事

関連記事を表示してくれる機能がHugoの公式で用意されていたので簡単に実装できました。 記事ごとに設定しているタグや気ワードをもとに自動で関連記事を表示してくれます。 何を重視するかの重み付けも設定できます。

Related Content | Hugo

参考

Hugoのテーマを何個か作ったので知見をまとめてみる - blog.unresolved.xyz

Comments | Hugo

Hugoで月別アーカイブを作る | backport