Hugoでは、各記事の中でカテゴリーやタグを自由に設定することができ、それを一覧として取得することもできます。

また、英文字の場合、すべて大文字、最初の文字のみ大文字、すべて小文字という形に変換することもできます。

今回は、カテゴリー・タグ名を小文字の自動変換なく設定どおりに表示する方法に関する自分用の備忘録として。

.Nameだけでは自動で小文字に

以下のようにカテゴリーやタグの一覧を表示する際に「.Name」を使って表示すると、カテゴリー・タグの名称が自動で小文字にされてしまいます。

<ul>
    {{ range .Site.Taxonomies.tags.ByCount }}
    <li>
        <a href="{{ $.Site.BaseURL | relURL }}/tags/{{ .Name | urlize }}">
            {{ .Name }}({{ .Count }})
        </a>
    </li>;
    {{ end }}
</ul>

「urlize」を外すと小文字化が解消されると紹介している記事もありましたが、「urlize」を外して「.Name」だけにしてもダメです。

.Page.Titleで設定した表示どおりに

「.Name」の代わりに「.Page.Title」を使えば、大文字でも小文字でも、設定したタグのまま表示することができます。

<ul>
    {{ range .Site.Taxonomies.tags.ByCount }}
    <li>
        <a href="{{ $.Site.BaseURL | relURL }}/tags/{{ .Name | urlize }}">
            {{ .Page.Title }}({{ .Count }})
        </a>
        </li>
    {{ end }}
</ul>

細かなところですが、HHKBと設定したタグが「hhkb」となっていたら、何か気持ち悪いですし 😟😟😟

こういった文章を読んで感じる気持ち悪さが、社労士としての本業に活かされているのでしょう ✌

就業規則をはじめ、文章を顧問先にお見せする機会は職業柄多いのですが、誤字・脱字がほとんどない、読みやすいとよく褒めてもらえます。

もちろん、リップサービスはあると思いますが、元役人時代に散々文章を作成し、上司にこっぴどく修正され鍛えられてきたおかげなのでしょう。

なお、今回の対応が必要になったのは、Hugo v0.55以降のようです。

2025/3/19 追記

せっかく修正したと思っていたのに、また最初の文字のみ大文字になってしまいました（利用しているのは、Hugo v0.133）。

タグを「iPad」と設定していても、サイドバーのタグ表示が「IPad」になるのは、なんか気持ち悪い。。。

「e-Tax」も「E-Tax」になっているし。

ざっと調べた感じでは仕様としか言えない状況のようであり、バージョンを上げたら解決できるかもしれませんが、そもそも今は忙しいので、今後の課題ということで・・・

記事末尾のタグの設定ではちゃんと「# iPad」と設定どおりに表示されているのですが😟