Description

Hugo est mis en place sur mplx.

Markdown et placement des images

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.

Personnalisation de thèmes

Learn

Le thème learn est bloated de javascript.

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 :