循环到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}}。它将显示以逗号分隔的标签。