Markdown ne permet pas de centrer ou placer les images. On pourrait utiliser un shortcode à la syntaxe dégueulasse, ou bien une ruse comme dans l’article qui suit.
Il faudrait voir si le code html généré pour les images est flexible (ajout de classe CSS ?) ou si on pourrait créer des galeries avec un nombre d’images variables (à la sauce flexbox), mais je crains que cela nécessite que les ‘img’ soient dans un contenant ‘div’ commun. Au pire un shortcode galery.
Par exemple, il intègre la bibliothèque “mermaid” en javascript pour créer des diagrammes, qui pèse plus de 800ko. Nan mais sérieux, on utilise un SSG pour produire le site une bonne fois pour toutes, et derrière on génère de la merde côté client en JS à chaque visite de page ?!!!!!!
FontsAwesome est une feuille de style CSS qui occupe 50K, avec du code DÉBILE dedans. Elle définit de nombreuses classes CSS qui peuvent être réutilisées lors de la rédaction. Tout ça juste pour foutre une icône…
La Font est embarquée (svg, eot, ttf). Elle est utilisée via les classes .fa .fas …
Concrètement :
on vire mermaid.js dans le footer.html
on désactive la recherche (la librairie n’est plus chargée)