Jekyll：javascript中的液體標簽

Question

假設我有兩個鏈接：“所有帖子”和“個人”。 當用戶點擊“個人”鏈接時，他應該只看到具有“個人”類別的帖子。 現在，液體標簽是{% for post in site.posts %} 。 我想知道是否有辦法從javascript訪問變量site.posts ，這樣我就可以聽取click事件並動態過濾帖子。 如果沒有，我該怎么辦？

Answer 1

你可以讓Jekyll通過添加一個空的前端內容來解析任何文件。

示例：assets / js / script.js

編輯16/07/28 ：您可以對任何哈希或數組使用jsonify 過濾器

---
---
{{ site.posts | jsonify }}

老答案

---
---
{% capture posts %}
[
{% for post in site.posts %}
{
"title"    : "{{ post.title }}",
"url"      : "{{ post.url }}",
"date"     : "{{ post.date | date: "%B %d, %Y" }}",
"content"  : "{{ post.content | escape }}"
} {% if forloop.last %}{% else %},{% endif %}
{% endfor %}
]
{% endcapture %}
var posts = {{posts | strip_newlines}}

這將把site.posts對象集合放在一個json表單中，並將它們歸屬於你的javascript posts var。