Creating Tag cloud of Categories in Jekyll
I am a regular reader of Jekyll Google group and of late I am seeing lot of queries from users on how to create Tag cloud or list of categories in Jekyll without any coding. Many members in past have done it by creating plugins and code in Ruby, such as this one. Ofcourse creating such an awesome Tag cloud requires code and effort.
However, if you are looking me who doesn’t know Ruby and doesn’t have time to code, you can get it done with simple lines of Liqud code.
For example, to create list of categories in Jekyll, use the following code
{% if article.previous? %}
{% for category in site.categories %}
<li><a href="/categories/{{ category[0] }}.html"></a></li>
{ % endfor %}Similarly, this nested loop code will give you a categories page, assuming that {page.title} contains the name of the category.
{% for post in site.categories[page.title] % }
<div class="postmeta extract">
<p class="timestamp">
{{ post.date }}
<br/>
<span class="time"></span>
</div>
<div class="post extract">
<h3><a href="{{ post.url }}">{{ post.title }}</a></h3>
<p>{{ post.content | strip_html | truncatewords:80 }}</p>
<div class="blocked tags">
<p>
{% for tag in post.categories % }
<a href="/categories/{{ tag}}.html"></a>
,
{% endfor %}
</p>
</div>
<div class="hr"></div>
</div>
<div class="c"> </div>
{% endfor %}