{ "url": "https://11d.im/journal/2026/20260917142817-eleventy-markdown-surlignage/", "published": "Thu Sep 17 2026 16:28:18 GMT+0200 (Central European Summer Time)", "updated": "Thu Sep 17 2026 17:45:29 GMT+0200 (Central European Summer Time)", "author": { "name": "tk", "url": "https://11d.im" }, "content": "
\n

Surligner est une petite source de joie anodine et quotidienne.J'ai une consommation d'apr\u00e8s un surligneur pour deux livres. \u00c0 ce qu'il para\u00eet, c'est symptomatique d'un trouble du d\u00e9ficit de l'attention.\nJ'avais d\u00e9j\u00e0 partag\u00e9 mon enthousiasme pour la balise html <mark> sur les r\u00e9seaux sociaux.\nBalise qui a par ailleurs l'air de souffrir d'un d\u00e9sint\u00e9r\u00eat g\u00e9n\u00e9ralis\u00e9 vu le faible nombre de feuilles de style qui lui applique une quelconque attention.\nJe m'en sers all\u00e8grement pour mettre en valeur ce qui me semble \u00eatre une bonne raison d'aller consulter un signet tout en laissant une belle part au contexte d'une citation.\nDans l'autre sens, c'est aussi un exercice \u00e9ditorial pas toujours facile qui a la vertu de r\u00e9fl\u00e9chir \u00e0 la valeur des mots, \u00e0 une certaine forme d'\u00e9conomie.\nAutrement dit, \u00e0 ne pas me contenter de tout garder, mais \u00e0 chercher ce qui est le plus riche.

\n

En jouant avec l'interface de Zettlr, j'ai d\u00e9couvert qu'il y avait une impl\u00e9mentation dans la syntaxe Markdown : on peut surligner un bout de texte en mettant == autour.\nCette fonctionnalit\u00e9 provient directement de la sp\u00e9cification Markdown de Pandoc, qui la propose en option, sur laquelle se base Zettlr, ce qui simplifie beaucoup les questions d'exportation dans d'autres formats.

\n

Pour l'activer dans Eleventy, il y a plusieurs options et j'ai pris le premier greffon Markdown-it, markdown-it-mark.

\n
$ npm install markdown-it-mark --save\n
\n

Dans le fichier de configuration, eleventy.config.mjs dans mon cas :

\n
(...)\nimport markdownItMark from \"markdown-it-mark\";\n(...)\n\nexport default function (eleventyConfig) {\n(...)\n\nlet md = markdownIt({ html: true, linkify: true })\n  .use(markdownItMark)\n(...)\n
\n
", "content-plain": "Surligner est une petite source de joie anodine et quotidienne.\u2295J'ai une consommation d'apr\u00e8s un surligneur pour deux livres. \u00c0 ce qu'il para\u00eet, c'est symptomatique d'un trouble du d\u00e9ficit de l'attention. J'avais d\u00e9j\u00e0 partag\u00e9 mon enthousiasme pour la balise html sur les r\u00e9seaux sociaux. Balise qui a par ailleurs l'air de souffrir d'un d\u00e9sint\u00e9r\u00eat g\u00e9n\u00e9ralis\u00e9 vu le faible nombre de feuilles de style qui lui applique une quelconque attention. Je m'en sers all\u00e8grement pour mettre en valeur ce qui me semble \u00eatre une bonne raison d'aller consulter un signet tout en laissant une belle part au contexte d'une citation. Dans l'autre sens, c'est aussi un exercice \u00e9ditorial pas toujours facile qui a la vertu de r\u00e9fl\u00e9chir \u00e0 la valeur des mots, \u00e0 une certaine forme d'\u00e9conomie. Autrement dit, \u00e0 ne pas me contenter de tout garder, mais \u00e0 chercher ce qui est le plus riche.\n\nEn jouant avec l'interface de Zettlr, j'ai d\u00e9couvert qu'il y avait une impl\u00e9mentation dans la syntaxe Markdown : on peut surligner un bout de texte en mettant == autour. Cette fonctionnalit\u00e9 provient directement de la sp\u00e9cification Markdown de Pandoc, qui la propose en option, sur laquelle se base Zettlr, ce qui simplifie beaucoup les questions d'exportation dans d'autres formats.\n\nPour l'activer dans Eleventy, il y a plusieurs options et j'ai pris le premier greffon Markdown-it, markdown-it-mark.\n$ npm install markdown-it-mark --save\n\nDans le fichier de configuration, eleventy.config.mjs dans mon cas :\n(...)\nimport markdownItMark from \"markdown-it-mark\";\n(...)\n\nexport default function (eleventyConfig) {\n(...)\n\nlet md = markdownIt({ html: true, linkify: true })\n .use(markdownItMark)\n(...)", "syndication": [], "type": "entry", "name": "surligner en Markdown" }