页面上的杰基尔标签列表

时间:2014-05-21 04:16:40

标签: jekyll jekyll-bootstrap

我尝试使用Jekyll显示标签列表。这是我的页面上的HTML:

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

这是我前面的信息:

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

我正在获取输出,但它只是创建一个这样的列表:

      
  • 所有投资组合

而不是我想要实现的目标,这就是:

      
  • 所有
  •   
  • 组合
  •   
  • 某物

非常感谢您对此进行任何疑难解答,谢谢!

2 个答案:

答案 0 :(得分:10)

我尝试了一个新的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。

答案 1 :(得分:1)

对于前端问题

---
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>

相关问题