为什么我的 Jekyll 液体“加入”标签不能正常工作？答案

【问题标题】：why isn't my Jekyll liquid "join" tag working properly?为什么我的 Jekyll 液体“加入”标签不能正常工作？
【发布时间】：2020-07-13 16:30:54
【问题描述】：

我在 GitHub Pages 上有一个简单的 Jekyll 网站来自学编码。

我正在尝试做以下事情：

从数据 yaml 文件中提取数据元素列表
以超链接的形式列出项目
用子弹符号加入它们 • （没关系，我用 "and" 和 "," 试过这个，但我无法工作）

这是我的代码：

{% for item in site.data.footerlinks %}
<a href="{{ item.link }}">{{ item.name | join: "•" }}</a>
{% endfor %}

我想要的输出是这样的：

image of output example of what I want to do

【问题讨论】：

标签： jekyll liquid

【解决方案1】：

我已经建立了Nipul Prajapati's answer，以便为您提供更接近您想要的输出屏幕截图：

{% for item in site.data.footerlinks %}
  <a href="{{ item.link }}">{{ item.name }}</a>{% unless forloop.last %} <span>•</span>{% endunless %}
{% endfor %}

Join 更适合用于数据而不是演示。由于您已经有了循环，因此在 html 中添加符号更容易。除非标记阻止此符号应用于最后一个元素。我在写 jekyll 时经常使用this cheatsheet。它帮助我快速找到正确的功能并学习新功能。

如果您想要另一个挑战，也可以通过使用 CSS pusdo 元素来实现此结果。

【讨论】：

这是完美的解决方案！谢谢！

【解决方案2】：

请试试这个代码

    {% for item in site.data.footerlinks %}
    <a href="{{ item.link }}">{{ item.name }} </a><span>•</span>
    {% endfor %}

可能不是正确的解决方案，但您可以实现您想要的输出。

【讨论】：