← 11d.im

surligner en Markdown

17.09.26 · dernière modification : 17.09.26

markdown, eleventy

Surligner est une petite source de joie anodine et quotidienne.J'ai une consommation d'après un surligneur pour deux livres. À ce qu'il paraît, c'est symptomatique d'un trouble du déficit de l'attention. J'avais déjà partagé mon enthousiasme pour la balise html <mark> sur les réseaux sociaux. Balise qui a par ailleurs l'air de souffrir d'un désintérêt généralisé vu le faible nombre de feuilles de style qui lui applique une quelconque attention. Je m'en sers allègrement pour mettre en valeur ce qui me semble être 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 éditorial pas toujours facile qui a la vertu de réfléchir à la valeur des mots, à une certaine forme d'économie. Autrement dit, à ne pas me contenter de tout garder, mais à chercher ce qui est le plus riche.

En jouant avec l'interface de Zettlr, j'ai découvert qu'il y avait une implémentation dans la syntaxe Markdown : on peut surligner un bout de texte en mettant == autour. Cette fonctionnalité provient directement de la spécification 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.

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

$ npm install markdown-it-mark --save

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

(...)
import markdownItMark from "markdown-it-mark";
(...)

export default function (eleventyConfig) {
(...)

let md = markdownIt({ html: true, linkify: true })
  .use(markdownItMark)
(...)

👋Envie de me contacter pour bavarder de cette page, vous pouvez m'envoyer un message direct sur mastodon à l'adresse @tk@social.apreslanu.it. Je vous partagerai mon adresse email à partir de là.

📣Pour être tenu·e au courant des derniers changements le plus simple est d'ajouter le fil feed.xml regroupant tous les contenus dernièrement modifiés.

🕵️Pour signaler une erreur ou autre errance technique, il faudra passer par le système de ticket de codeberg.

📜Pour voir, l'historique des modifications de cette page, cela se passe aussi sur codeberg.

🌈Pour voir toutes les métadonnées dans la grammaire microformats2 contenues dans cette page, il suffit d'aller sur cet analyseur en python, parmi d'autres.