Après avoir acheté un thème à 20 $ sur Themeforest histoire de dire qu’on a un travail assez pro (OK le code HTML & CSS ne sont pas toujours supra propres, mais ça fait le job largement) pour le site de mon mec, DJ José Sanchez.
Dans un premier temps j’ai modifié la page HTML et uploadé le tout sur un hosting Gandi vite fait bien fait. Mais la mise à jour, c’est un truc chiant, on ne va pas se mentir. Tout ce qui est contenu qui a propension à expirer assez rapidement et à être produit en quantité va donc nécessiter beaucoup de travail.
J’ai donc choisi d’utiliser Jekyll pour gérer le contenu, un truc de base et rapide donc, que je peux utiliser depuis n’importe quel périphérique avec une connexion internet et mon accès GIT.
Bref, un petit coup de 1
jekyll new
1
home.html
Les Collections
Les collections c’est un truc super pratique de Jekyll qui permet de faire plus que des pages et des posts. Il suffit de déclarer dans le 1
config.yml
1
2
collection
- events
Ensuite il suffit de mettre vos fichiers 1
.md
1
_events
1
_
1
site.events
1
site.[collectionName]
Itérer sur les collections
La manière la plus simple est de faire un 1
{% for event in site.events %}
1
.md
Mais dans mon cas je voudrais pouvoir :
- Trier par date (bah oui ce sont des évènements)
- N’afficher seulement que les évènements qui ne sont pas passés. Pour cela on pourra compter sur la variable site.time qui renvoie la datetime actuelle.
Pour atteindre cela on doit passer par le stockage dans une variable intermédiaire, via 1
{% assign ... %}
Le filtre 1
| sort: ...
1
.md
Le filtre 1
| where: ...
1
==
1
>=
1
| where_exp: ...
where_exp
Alors OK, mais comment il marche ce super filtre ? Parce que la documentation est quand même super chiche sur le sujet. C’est très accès “it just works” …
Sauf que dans mon cas, cela ne marchait pas … car je n’avais pas compris que le premier argument devait être la variable dans laquelle on va pouvoir effectuer une comparaison. Je soupçonne d’ailleurs que cette variable puisse être soumise à collision. Dans l’exemple ci-dessous, j’avais utilisé event à la place de item et cela ne marchait plus du tout.
Ci-dessous, le code fonctionnel pour ne prendre que les évènements non encore passés et triés par date :
1
2
3
4
{% assign eventList = site.events | where_exp: 'item', 'item.date >= site.time' | sort: 'date' %}
{% for event in eventList %}
<!-- Do your stuff here -->
{% endfor %}
That’s it !
Ce post vous a aidé ? N’hésitez pas à me le dire sur Twitter , à commenter et partager cet article sur tout vos réseaux 😉.
Comments