Work Life Fun

仕事も人生も楽しむ社労士

[Hugo]カテゴリー・タグ名を小文字の自動変換なく設定どおりに表示する方法

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以降のようです。

参考:[Hugo v0.55] Icarusテーマのタグやカテゴリーが小文字に統一されてしまう問題を直す

【無料】効率的に人事労務の情報を入手しませんか?
  • 毎年のように改正される労働法令への対応に頭を悩ませている
  • 総務や経理などの他の業務を兼務しているので、人事労務業務だけに時間を割けない

といった悩みを抱える企業の経営者・人事労務担当者向けに、公開型のブログでは書けない、本音を交えた人事労務に関する情報・ノウハウ、時期的なトピックをメールマガジンを配信しています。

過去の配信分は公開しないため、情報が必要な方は、いますぐ以下のフォームから購読の登録をしてください。購読して不要と思ったら簡単に解除できますのでご安心ください。