检查变量是否为液体中的字符串或数组的类型

Question

在Jekyll你可以使用液体模板,我正在尝试编写包含网站中所有链接的导航.

sitemap:
  home: "/"
  demo:
    right: "/right"
    left: "/left"

我想要实现的是创建一个包含所有这些链接的侧边栏.但某些链接属于一个部分.输出应如下

<nav>
  <ul>
    <li>
      <a href="/">home</a>
    </li>
  </ul>

  <ul>
    <li>demo</li>
    <li>
      <a href="/right">right</a>
    </li>
    <li>
      <a href="/left">left</a>
    </li
  </ul>
</nav>

并非所有部分都必须有标题.主链接是一个独立的链接.演示链接都在演示部分.

在液体中,我可以通过这种方式遍历站点地图:

{% for nav in site.sitemap %}
<ul>
  <li>{{ nav[0] }}</li>
</ul>
{% endfor %}

通过这种方式,液体将打印home和demo.

我需要的是检查值是字符串还是数组,以便打印数组或单个链接!

有没有办法检查液体变量是字符串还是数组？ 我以前在链接的文档中找不到它!

Answer 1

有没有办法检查液体变量是字符串还是数组？

简短回答:是的

要检查是否一个液体变量是字符串或元素列表(阵列或散列),检查它是否具有一个第一后代,使用阵列滤波器第一:{% var.first %}如下:

{% if var.first %}
  // var is not a string
{% else %}
 // var is a string
{% endif %}

说明:

所述过滤器first返回一个数组的第一个元素或散列,如果它有一个,如果变量是空的或不是元素它返回任何结果的列表,并且由于nil是falsy value在液体中,它的工作原理相同,false在if condition以上.

例如:

# var1 = "a"     // string
{% var1.first %} // return:   // nil -> falsy

# var2 = [a,b,c] // array
{% var2.first %} // return: a

# var3 = {k1: a, k2: b, k3: c} // hash
{% var1.first %} // return: k1a

# var4 = {k1, k2, k3: c} // hash, first element is a key without associated value
{% var1.first %} // return: k1

OP问题的解决方案:遍历站点地图

现在我们可以确定元素是否是字符串,我们可以这样做:

{% for nav in site.sitemap %}
<ul>
  <li>
     {{ nav[0] }} :
        {% if nav[1].first %}
        // loop through: nav[1]
        {% else %}
          {{ nav[1] }}
        {% endif %}        
  </li>
</ul>
{% endfor %}

但我发现使用sitemap元素列表(a)更方便*,而不是单个大哈希(实际上是)(b)(参见YAML语法)

1.编辑站点地图数据结构

所以我通过"- "在每个元素之前添加(破折号和空格)来修改它的结构:

  - home: "/"
  - demo:
    - right: "/right"
    - left: "/left"  

给我们一个:

{"home"=>"/"}{"demo"=>[{"right"=>"/right"}, {"left"=>"/left"}]} 

而不是b:

{"home"=>"/", "demo"=>{"right"=>"/right", "left"=>"/left"}} 

附注:您可以将站点地图放在它自己的文件中:_data/sitmap.yml并通过它来访问它site.data.sitemap,而不是将其定义为中的属性_config.yml,以保持清洁,从而看起来与上面完全相同.

2.创建站点地图模板

因为我们将sitemap递归地包含它(对于每个带有子节点的节点),我们将把这个模板放在_includes文件夹中而不是_layouts

另请注意,Jekyll允许将参数传递给包含.但是有一个问题,param应该是一个string不是数组,或哈希.所以,我们必须从links数组中创建一个字符串.

开始了:

<ul>
  <!--                  links is a param -->
  {%for link in include.links %}

    <li>

      {% for part in link %}
        {{part[0]}} : <!-- part[0] : link name  -->

        {% if part[1].first %} <!-- the element has children -->

          <!-- concatenate jekyll array into a string -->
          {% assign _links = "" | split: "" %}
          {% for _link in part[1] %}
            {% assign _links = _links | push: _link %}
          {% endfor %}
          <!-- pass the string as a param to sitemap, then do the recursive dance -->
          {% include sitemap.html links = _links %}

        {% else %} <!-- no children -->

          {{part[1]}} <!-- part[1] : link url -->

        {% endif %}

      {% endfor%}

    </li>

  {%endfor%}

</ul>

3.使用模板:)

<!-- include and init the param with this ?, or `site.sitemap` if it's defined in `_config.yml`, or ...  -->
{% include sitemap.html links= site.data.sitemap %}

4.输出

用于/_data/sitemap.yml::

- home : "/"
- about: "/about"
- archive:
  - left : "/left"
  - right: "/right"
  - other:
    - up: '/other/up'
    - down: '/other/down'

模板产生:

• 家:/
• 关于:/ about
• 档案:
  • 左:/左
  • 是的是的
  • 其他:
    • up:/ other/up
    • down:/ other/down

所以你必须把part[0]并且part[1]在每一个环节<a> tag,如:

<a href="{{part[1]}}"> {{part[0]}} </a>

Answer 2

我正在使用 Jekyll 2.8.5 和

var[0]

对于字符串值来说是假的，但是对于数组来说是真值（其第一个元素是真值）。

（另一方面var.first，根据之前接受的答案的建议，现在返回字符串的第一个字符，因此它似乎不再是确定值是否为数组的好方法。）

Answer 3

您可以按如下方式修改您的结构：

sitemap:
    home:
        link: "/"
    demo:
        children:
            right:
                link: "/right"
            left:
                link: "/left"

现在，所有对象都遵循相同的模式：您可以只测试对象是否存在，而不是测试类型。您还可以使用包含递归来解析站点地图：

{% for nav in site.sitemap %}
<ul>
    {% include 'print-li' %}
</ul>
{% endfor %}

使用“print-li”：

<li>
{% if nav.link %}
    <a href="{{ nav.link }}">{{ nav[0] }}</a>
{% else %}
    {{ nav[0] }}
{% endif %}

{% if nav.children %}
    {% for nav in nav.children %}
        {% include 'print-li' %}
    {% endfor %}
{% endif %}
</li>