Skip to content
Go back

Hugoでタグリストを表示したい

  • PaperModの記事一覧にタグも表示したい
  • post_meta.htmlに以下を追加して、メタ情報欄にタグリストを追加した
    • 一覧画面だけでなく記事画面にも表示されるけど、とりあえずOK
    • せっかくだから、タグからそのタグの記事一覧へ飛べるようにしておく
{{- if .Params.tags -}}
{{- $anchored_tags := slice -}}
{{- range .Params.tags -}}
{{- $anchored_tags = $anchored_tags | append (printf "<a href=\"/tags/%s\">#%s</a>" (. | urlize) .) -}}
{{- end -}}
{{- $scratch.Add "meta" (printf "<span class=\"anchored-tags\">%s</span>" (delimit $anchored_tags " ")) -}}
{{- end -}}
  • 以下の内容でassets/css/extended/anchored_tags.cssに作ると、マウスホバー時に下線が表示されるようになる
    • assets/css/extendedにあるCSSはPaperModが自動で読み込んでくれる
.anchored-tags a:hover {
    text-decoration: underline;
}

.anchored-tags a {
    text-decoration: none;
}

参考文献#