Ruby 在Jekyll收集页面上循环';s标记-显示时不带空格

Ruby 在Jekyll收集页面上循环';s标记-显示时不带空格,ruby,jekyll,liquid,Ruby,Jekyll,Liquid,我试图循环一个集合,将它的页面显示为链接,在这些链接上,页面的每个标记都是不同的类名。我的一切工作,除了事实上,标签混乱在一起没有任何空间 以下是我如何在页面的前面添加标签: tags: - javascript - jquery - requires-springshare-auth-server - client-side 以下是我的html中的液体: <ul class="custom-dots"> {% for libguide in site.libguides %

我试图循环一个集合,将它的页面显示为链接,在这些链接上,页面的每个标记都是不同的类名。我的一切工作,除了事实上,标签混乱在一起没有任何空间

以下是我如何在页面的前面添加标签:

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>
    {site.libguides%}
  • {%endfor%}
下面是通过开发工具查看的呈现HTML:

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

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

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

    使用

    仅包含一个页面的简单示例:

    ---
    title: blah
    layout: default
    tags:
    - javascript
    - jquery
    - requires-springshare-auth-server
    - client-side
    ---
    
    <li class="{{ page.tags | join: ' ' }}">  
    
    ---
    标题:废话
    布局:默认值
    标签:
    -javascript
    -jquery
    -需要springshare身份验证服务器
    -客户端
    ---
    
  • 呈现的HTML:

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

    仅包含一个页面的简单示例:

    ---
    title: blah
    layout: default
    tags:
    - javascript
    - jquery
    - requires-springshare-auth-server
    - client-side
    ---
    
    <li class="{{ page.tags | join: ' ' }}">  
    
    ---
    标题:废话
    布局:默认值
    标签:
    -javascript
    -jquery
    -需要springshare身份验证服务器
    -客户端
    ---
    
  • 呈现的HTML:

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

  • {{libguide.tags}
    返回数组的原始输出,但您可以使用
    连接
    过滤器使用空格分隔元素:


    {{libguide.tags | join::}

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


    {{libguide.tags | join:“}}

    谢谢你的建议。没用。实际上,它在我的索引页上显示了收藏页。它在集合中循环,一个接一个地显示集合中的每个页面。您可以将标记更改为
    标记:javascript jquery需要springshare auth server客户端
    (标记名用空格分隔),然后再试一次。我试过了,它仍然在做同样的事情。Idk,如果有关系的话,但我在我的Jekyll中没有使用插件,因为它是GitHub页面上的一个站点,这是最后一件要尝试的事情。将标记作为上一条注释保留在一行中,并运行
    {%forsite.posts%}{{post | tags}}{%endfor%}
    。我认为不需要插件。事实证明,一种方法是使用连接过滤器。谢谢你的时间!谢谢你的建议。没用。实际上,它在我的索引页上显示了收藏页。它在集合中循环,一个接一个地显示集合中的每个页面。您可以将标记更改为
    标记:javascript jquery需要springshare auth server客户端
    (标记名用空格分隔),然后再试一次。我试过了,它仍然在做同样的事情。Idk,如果有关系的话,但我在我的Jekyll中没有使用插件,因为它是GitHub页面上的一个站点,这是最后一件要尝试的事情。将标记作为上一条注释保留在一行中,并运行
    {%forsite.posts%}{{post | tags}}{%endfor%}
    。我认为不需要插件。事实证明,一种方法是使用连接过滤器。谢谢你的时间!