页面上的 Jekyll 标签列表答案

【问题标题】：Jekyll Tag List on a Page页面上的 Jekyll 标签列表
【发布时间】：2014-05-21 04:16:40
【问题描述】：

我正在尝试使用 Jekyll 显示标签列表。这是我在页面上的 HTML 的样子：

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

这是我前面的信息：

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

我得到一个输出，但它只是创建一个这样的列表：

而不是我想要达到的目标，这是：

非常感谢您对此问题的任何疑难解答，谢谢！

【问题讨论】：

【解决方案1】：

我在一个新的 Jekyll 网站上进行了尝试（使用 Jekyll 2.0.3），下面的前端内容运行良好（确保使用tags，而不是tag：

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

您也可以使用列表：

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

然后，在您的帖子或布局中使用：

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

如果仍有问题，请考虑升级 Jekyll，提供 MWE 或输出 HTML/CSS。

【讨论】：

【解决方案2】：

对于这个头条：

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

您可以将page.tags | split:&nbsp; 分配给一个变量以用于for 循环迭代：

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

它会输出如下内容：

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

【讨论】：