循环 Jekyll 集合页面的标签 - 显示没有空格

Question

我正在尝试遍历一个集合，将其页面显示为链接，并且在这些链接上，该页面的每个标签都是不同的类名。除了标签混杂在一起没有任何空格之外，我一切正常。

以下是我在页面前面添加标签的方式：

tags:
- javascript
- jquery
- requires-springshare-auth-server
- client-side

这是我的 html 中的液体：

<ul class="custom-dots">
   {% for libguide in site.libguides %}
     <li class="{{libguide.tags}}">   
        <a href="{{site.baseurl}}{{ libguide.url}}">{{libguide.title}}</a>
     </li>
    {% endfor %}
</ul>

这是通过开发工具查看的渲染 HTML：

<li class="javascriptjqueryrequires-springshare-auth-serverclient-side">  

Answer 1

使用Liquid's join filter。

只有一个页面的简单示例：

---
title: blah
layout: default
tags:
- javascript
- jquery
- requires-springshare-auth-server
- client-side
---

<li class="{{ page.tags | join: ' ' }}">  

呈现的 HTML：

 <li class="javascript jquery requires-springshare-auth-server client-side">  

Answer 2

{{ libguide.tags }} 返回数组的原始输出，但您可以使用 join 过滤器将元素用空格分隔：

{{ libguide.tags | join: " " }}.

Answer 3

尝试将{{libguide.tags}} 替换为{{libguide | tags}}。它将显示以逗号分隔的标签。