为什么我的 Jekyll liquid "join" 标签不能正常工作？

Question

我在 GitHub 页面上有一个简单的 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

Answer 1

请试试这个代码

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

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

Answer 2

我已经构建了来为您提供更接近您想要的输出屏幕截图：

{% 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 pusedo 元素来实现此结果，以防您想要另一个挑战。

为什么我的 Jekyll liquid "join" 标签不能正常工作？

why isn't my Jekyll liquid "join" tag working properly?

liquid

jekyll