hugo-tag-cloud-with-jqcloud

head.css.html

<link rel="stylesheet" href="https://golangkorea.github.io/js/jqcloud/jqcloud.min.css">

head.js.html

<script src="https://golangkorea.github.io/js/jqcloud/jqcloud.min.js"></script>

tag-cloud.html

<script type="text/javascript">

    $(document).ready(function() {

        var words = [
            {{ range $name, $taxonomy := $.Site.Taxonomies.tags }}
                { text: {{ $name }}, weight: {{ len $taxonomy.Pages }}, link: {{ (print ("/tags/" | relLangURL) ($name | urlize)) }} },
            {{ end }}
        ]

        $('#tags-cloud').jQCloud(words,  { autoResize: true });
    });
</script>

tag.html

<div style="width:90%; min-height:300px" id="tags-cloud"></div>