Liquid：我可以从数组中获取随机元素吗？

Question

我正在尝试从数组中选择一个随机元素——使用 Liquid/Jekyll 可以吗？

我可以创建一个数组 - 并访问给定的索引...但是有没有办法“洗牌”数组，然后选择一个索引，从而从数组中获取随机元素？

prefix: ["Foo", "Bar", "Baz"]
---

{{ page.prefix[1] }}

# outputs "Bar"

Answer 1

2018 年的答案是

{% assign prefix = page.prefix | sample: 2 %}
{{ prefix[0] }}

这是一个 Jekyll 特定的过滤器，记录在 https://jekyllrb。 com/docs/liquid/filters/#sample

Answer 2

Liquid 没有用于从数组或整数区间中选取随机元素的过滤器。

如果您希望 Jekyll 这样做，您必须创建一个扩展来添加该液体过滤器。

但是，我必须指出，这样做会在每次生成页面时选择一个随机元素，但不是每次查看页面时都会选择一个随机元素。

如果您想在每次访问页面时获得不同的随机值，最好的选择是使用 javascript 并让客户端选择一个随机值。不过，您可以使用 Liquid 来生成相关的 javascript。

Answer 3

您也许可以在 Liquid 中做到这一点，但它可能不像@Brendan 提供的那样通用解决方案。根据这篇文章，您可以生成一个介于 min 和 to 之间的随机液体数。最大限度。很简单：

• 将最小值指定为 0，将最大值指定为数组的长度。
• 循环数组，直到找到随机数并选择元素。

这是一个例子，获取你的随机数组索引：

{% assign min = 0 %}
{% assign max = prefix.size %}
{% assign diff = max | minus: min %}
{% assign randomNumber = "now" | date: "%N" | modulo: diff | plus: min %}

然后找到你的随机值：

{{ prefix[randomNumber] }}

Answer 4

您可以创建一个插件来获取随机元素。像这样的事情：

module Jekyll
  module RandomFilter
    # Use sample to get a random value from an array
    #
    # input - The Array to sample.
    #
    # Examples
    #
    #   random([1, 2, 3, 4, 5])
    #   # => ([2])
    #
    # Returns a randomly-selected item out of an array.
    def random(input)
      input.sample(1)
    end
  end
end

Liquid::Template.register_filter(Jekyll::RandomFilter)

然后在模板中执行类似的事情来实现：

{% assign myArray = '1|2|3|4|5 | split: '|' %}
{% assign myNumber = myArray | random %}

Answer 5

不使用插件（例如，如果您使用 github 页面，这可能是一个要求）并且不希望仅在构建/重建时设置该选择。

它使用集合作为数据源，并在页面前面设置一些功能标志。

{% if page.announcements %}
    <script>
        // homepage callout
        var taglines=[ 
         {% for txt in site.announcements %} 
           {{ txt.content | markdownify | jsonify | append: "," }}
        {% endfor %}
        ]
        var selection = document.querySelector('#tagline') !== null;
        if(selection) {
            document.querySelector('#tagline').innerHTML = taglines[ Math.floor(Math.random()*taglines.length) ];
        }
     </script>
{% endif %}

我使用 markdownify 来处理内容，使用 jsonify 来使其 JavaScript 安全，然后附加一个逗号来创建我的数组。

然后 JavaScript 在页面加载时随机填充一个。

向 config.yml 添加集合

collections:
   announcements:

向页面添加标志

---
layout: home
title: 
slider: true
announcements: true    
---

集合内容项 (test.md)

---    
published: true
---

This is a test post

Answer 6

您可以调整 Liquid::Drop 和白名单 Ruby 的示例方法。

请参阅https://github.com/Shopify/liquid/ blob/master/lib/liquid/drop.rb#L69：

您需要将：更改

blacklist -= [:sort, :count, :first, :min, :max, :include?]

为：

blacklist -= [:sort, :count, :first, :min, :max, :include?, :sample]

接下来您可以使用：

{{ some_liquid_array.sample }}