遍历 Jekyll 集合页面的标签 - 显示时不带空格

Question

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

以下是我如何在页面的首页添加标签：

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

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

Answer 2

使用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 3

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

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

遍历 Jekyll 集合页面的标签 - 显示时不带空格

Looping over Jekyll collection page's tags - displaying without spaces

ruby

liquid

jekyll