Ir al contenido

Estoy migrando un proyecto de wordpress a 11ty y en esta ocasión estoy usando nunjucks para maquetar las plantillas.

You've been looking for a more sophisticated templating engine for JavaScript. Here it is.

Snippets

Recopilación de snippets.

Variables

{% assign my_variable = false %}
{% if my_variable != true %}
  This statement is valid.
{% endif %}

Capture variables:

{% capture my_variable %}I am being captured.{% endcapture %}
{{ my_variable }}

Condicionales

{% if post.data.thumbnail %}
  <img src="{{ post.data.thumbnail }}" />
{% else %}
  <img src="no-image.png" />
{% endif %}

Loops

{%- for post in collections.all -%}
  <li>{{ post.data.title }}</li>
{%- endfor -%}

Con loop.index contamos cada elemento del loop y con loop.length el total de itineraciones del loop

{%- for post in collections.all -%}
  <li>
    {{ loop.index }} / {{ loop.length }} <br />
    {{ post.data.title }}
  </li>
{%- endfor -%}

Aqui os dejo una recopilación de links que he encontrado interesantes.