Hugo Tag Cloud [Screenshot_20230221_090539] {{ if isset .Site.Taxonomies "tags" }} {{ if not (eq (len .Site.Taxonomies.tags) 0) }} Tags {{ range $name, $items := .Site.Taxonomies.tags }} {{ if and (ne $name "radio") (ne $name "about") (ne $name "")}} {{ $len := len $items }} {{ if lt $len 2 }} {{ $name | title }} ({{ len $items }}) {{ else if le $len 3}} {{ $name | title }} ({{ len $items }}) {{ else if le $len 5}} {{ $name | title }} ({{ len $items }}) {{ else if le $len 7}} {{ $name | title }} ({{ len $items }}) {{ else if le $len 9}} {{ $name | title }} ({{ len $items }}) {{ else if le $len 11}} {{ $name | title }} ({{ len $items }}) {{ else if le $len 15}} {{ $name | title }} ({{ len $items }}) {{ else if le $len 30}} {{ $name | title }} ({{ len $items }}) {{ else if le $len 60}} {{ $name | title }} ({{ len $items }}) {{ else if le $len 120}} {{ $name | title }} ({{ len $items }}) {{end}} {{ end }} {{ end }} {{ end }} {{ end }} I quickly coded this last night. I’m sure someone can improve it, take out the inline CSS, and maybe reduce the number of if conditions or size it as you see fit. Very crude version. Enjoy. Technique: first we find out how many articles this tag has, then using that we give different size to the tag. If this tag has 10 items, it gets font-size 18, etc. etc. If it has 1 it gets size 10, etc.

You can optimize this, and reduce your code, with; {{ with index site.Taxonomies "tags" }} Tags {{ $m := dict "steps" (slice 1 3 5 7 9 11 15 30 60 120) "sizes" (slice "10px" "12px" "14px" "16px" "17px" "19px" "20px" "21px" "22px") }} {{ range $name, $items := . }} {{ if not (in (slice "radio" "about") $name) }} {{ range $k, $_ := $m.steps }} {{ if le $items.Count . }} {{ $name | title }} ({{ $items.Count }}) {{ break }} {{ end }} {{ end }} {{ end }} {{ end }} {{ end }}

Thank you very much. I tried hard to figure out Hugo syntax and it still eludes me to this day. I use PHP and other languages primarily and one can just map over a defined array and apply a function to each element. I wish Hugo syntax was a bit easier :slight_smile: Create sizes/steps array (steps can even be specified using seq, if one doesn’t want to type them out ) using dict, key val pair, key = sizes, value = slice (an array) Map over steps, and if current item count is less than step (or greater than etc.) append the sizing html. In my mind, it’s trivial to do. In Hugo… \o/ I don’t even know these mysteries of the Universe. A lot of times I end up doing things the long way around because I can’t figure out the Hugo sytnax.

Topic		Replies	Views	Activity
Tag Cloud tips & tricks	4	8043	February 10, 2020
Weighted tag cloud support	11	7050	February 3, 2021
Portable Partial: Taxonomy Cloud tips & tricks	0	843	February 18, 2018
Code blocking term template for tags support	1	72	October 3, 2024
Truncating 'Popular Topics' in the Academic theme support	5	792	August 1, 2019

Tag Cloud for Hugo

Related topics