Notes rapides

Making-of

11ty

Notes rapides

Parfois, j’ai envie de publier des notes très courtes.

Je crée une nouvelle collection notes

Index: notes/notes.json

{
  "layout": "layout.html",
  "tags": "notes"
}

Et une page pour les lister les notes.

Index: notes.md

---
layout: layout.html
title: Notes
---

Cette page est une collection de pensée courtes et spontanées qui n’a pas sa place dans [un article de blog complet](/blog).

{% for note in collections.notes %}
- {{ note.data.date | toLocaleStringFr }} - [{{ note.data.title }}]({{note.url}})
{% endfor %}

Je crée un filtre 11ty pour pouvoir formatter les dates à la locale française.

Index: .eleventy.js

 export default function (eleventyConfig) {
 
+    eleventyConfig.addFilter("toLocaleStringFr", function(date) { return new Date(date).toLocaleString("fr-FR") });
+

Usage :

{{ une.variable.date | toLocaleStringFr }}

Les notes se trouvent ici : /notes

Ajout des notes dans la navigation

Index: _includes/layout.html

                 <a href="/about">About</a>
             </li>
             <li>
+                <a href="/notes">Notes</a>
+            </li>
+            <li>
                 <a href="/making-of">Making of</a>
             </li>
         </ul>