Jekyll Tag List on a Page

Question

I'm attempting to display a list of tags using Jekyll. Here is what my HTML on the page looks like:

<ul>
  {% for tags in page.tags %}
    <li>{{ tags }}</li>
  {% endfor %}
</ul>

And this is the information in my front matter:

---
layout: template
title: Title
tags: all portfolio something
---

I am getting an output, but it is just creating a list like this:

instead of what I am trying to acheive, which is this:

Any troubleshooting on this would be much appreciated, thank you!

whtas your styling i.e. `css` – ashishmaurya May 21 '14 at 04:18 — ashishmaurya, May 21 '14 at 04:18

Sylvain · Accepted Answer · 2014-05-21T06:25:19.570

11

I tried on a new Jekyll website (with Jekyll 2.0.3), and the following front matter worked well (make sure to use tags, not tag:

---
layout: template
title: Title
tags: all portfolio something
---

You can also use a list:

---
layout: template
title: Title
tags:
- all
- portfolio
- something
---

Then, use in your post or in your layout:

<ul>
  {% for tags in page.tags %}
    <li>{{ tags }}</li>
  {% endfor %}
</ul>

If you still have a problem, consider upgrading Jekyll, providing a MWE or the output HTML/CSS.

edited May 21 '14 at 06:25

answered May 21 '14 at 06:18

Sylvain

3

Thank you very much for this answer, it works perfectly. They will sing songs about you and your triumphs. – IronSummitMedia May 21 '14 at 21:26

score 1 · Answer 2 · answered Nov 05 '15 at 15:07

For this front matter:

---
layout: template
title: Title
tags: all portfolio something
---

You can assign page.tags | split:  into a variable to use for a for loop iteration:

{% assign tags = page.tags | split:&nbsp; %}
<ul>
    {% for tag in tags %}
    <li>{{ tag }}</li>
    {% endfor %}
</ul>

It will output something like this:

<ul>
  <li>all</li>
  <li>portfolio</li>
  <li>something</li>
</ul>

2 Answers2