如何使用 Jekyll include 將連接的字符串傳遞給 HTML？

Question

我必須制作一串由分號分隔的值，並將該字符串傳遞給 HTML 中的腳本，包括然后解析和 output 結果。

我的傑基爾 markdown 頁面：

---
layout: page
title: Our team
permalink: /team
---

{% assign cfhandles=""%}

{% for person in site.data.team-handles %}
    {{ cfhandles | append: person.handle }}
    {{ cfhandles | append: ";" }}
{% endfor %}

{% include load-ratings.html cfhandles=cfhandles %}

我的 load-ratings.html：

<script>
    let url = "https://codeforces.com/api/user.info?handles=";
    let handles = "{{ include.cfhandles }}";
    console.log(handles);
    url = url + handles;
    console.log(url);
    async function load() {
        let obj = await (await fetch(url)).json();
        console.log(obj);
        for (let cur_user of obj["result"]) {
            let cur_handle = cur_user["handle"];
            let user_rating = cur_user["rating"];
            document.getElementById(cur_handle.toLowerCase()).innerHTML = "Рейтинг: " + user_rating;
        }
    }
    load();
</script>

我的團隊 handles.yml：

- handle: bob1
  name: Bob

- handle: alice2
  name: Alice

當我打開開發者控制台時，它告訴我在 JS 中handles變量是空的（但它不應該是那樣的）。 如何將所需的字符串傳遞給文件以使其正確顯示？

我已經嘗試使用 {%- -%} Liquid 標簽，但它並沒有改變結果。

Answer 1

嘗試這個：

{% assign cfhandles=""%}

{% for person in site.data.team-handles %}
    {% assign cfhandles = cfhandles | append: person.handle | append: ";" %}
{% endfor %}

{% include load-ratings.html cfhandles=cfhandles %}

代碼基本上分配了新字符串bob1; 和alice2; 到現有變量。