Jekyll: label líquida dentro de javascript

Supongamos que tengo dos enlaces: "todos los posts" y "personal". Cuando el usuario hace clic en el enlace "personal", solo debe ver las publicaciones que tienen la categoría "personal". En este momento, la label de líquido es {% for post in site.posts %} . Quiero saber si hay una forma de acceder a la variable site.posts desde javascript, de modo que pueda escuchar el evento click y filtrar dinámicamente la publicación. Si no, ¿qué debería hacer?

Puede hacer que Jekyll analice cualquier file añadiéndole un frente vacío.

ejemplo: assets / js / script.js

Editar 16/07/28 : puede usar el filter jsonify para cualquier hash o matriz

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

Respuesta anterior

 --- --- {% 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}} 

Esto colocará la colección de objects site.posts en una forma json y se los atribuirá a las posts JavaScript var.