What is the best way to display categories in a Jekyll site?

Question

I have got a small blog that uses Jekyll. Now I want to add some more functionality to my post layout. I want to add this line on top of every post:

Tagged with category1, category2, ...

What is the best way to achieve this. Can someone help me with the Jekyll code that I have to add in my html file?

score 11 · Answer 1 · answered Apr 19 '13 at 02:38

11

It's pretty easy with Liquid filters. In your _layout/post.html template, add this line where you want the output:

Tagged with {{ page.categories | join: ', ' }}

This will join your list of categories into a comma-space delimited string. You can get fancier and link to the categories if you set up an Archive by Category index using a plugin.

Be sure that you have added categories to your individual files in _posts/ using the YAML Front Matter syntax:

---
layout: post
title: Title
categories:
- cat1
- cat2
- etc...
---

answered Apr 19 '13 at 02:38

J W

2,801
2
18
22

This was helpful. Thanks for the tip! Really falling in-love with Liquid. – michaellee Oct 04 '14 at 09:42
I use a leaner one-line syntax for multiple categories: `categories: [one, another, two words]` – pgr Apr 24 '17 at 11:08

What is the best way to display categories in a Jekyll site?

1 Answers1