Hugo ­— ma façon préférée de créer un blog

J’ai toujours aimé faire des blogs et des sites internets. Je m’amusais à en programmer au lycée ; j’en ai fait plusieurs avec Wordpress pour rendre service à des amis ; j’ai aidé d’autres à en créer avec différents outils.

Mais pour moi-même, je n’ai jamais trop persisté dans mes efforts. Au bout de quelques semaines, je laissais tomber. Le manque d’inspiration et la lourdeur des outils que j’utilisais me détournaient de mes petits projets.

Hugo, un outil simple et robuste.

Un beau jour, je suis tombé sur Hugo : un générateur de sites statiques, de toute simplicité et d’une grande légèreté. On écrit ses articles dans de simples fichiers textes, on les mets en page grâce au markdown¹, et l’outil génère un ensemble de pages prêtes à servir.

Le site est dit statique en opposition aux sites dynamiques que nous rencontrons la plupart du temps. Ce sont ceux capable de modifier leur apparence d’un visiteur à l’autre, après une connexion, ou pendant des achats. De ceci, Hugo n’est pas capable.
Pour mon usage, Hugo convient mieux. J’écris mes posts, et je n’ai pas à me préoccuper d’enregistrer des données dans une table MySQL, à mettre à jour mes logiciels, à administrer mon site. Tout est statique, et donc ne peut pas être piraté, ni tomber en panne.

L’énorme avantage de ce mode de fonctionnement est la facilité de déploiement et d’entretien du blog. En guise d’hébergeur, le plus élémentaire des processeur et la plus minable des clefs USB suffisent. En terme de déploiement, copier-coller quelques fichier sur un serveur suffisent. Point de base de données ni de PHP, non monsieur.

Inspiration, expiration ?

J’ai découvert Hugo en suivant les billets écrits par Bryan Lunduke, qui l’utilisait à l’époque pour son blog perso. Il a depuis migré vers d’autres plateformes permettant une rémunération par abonnements, mais l’idée d’un système aux fonctions basiques mais bien remplies m’a beaucoup plut.
J’ai été à nouveau inspiré à faire un blog par un inconnu et son fil de contenu. Il relevait alors le défis de “100 Haikus en 100 jours”, et j’ai été séduit par sa façon d’écrire pour lui, sans se pré-occuper d’être lu. J’ai eu envie de faire pareil.

Je me suis donc lancé, et vous avez sous les yeux le résultat de mon apprentissage en cours de blogger.

Hugo, plus personnalisable qu’on ne croirait !

J’ai personnalisé mon blog avec un thème. Hugo en a beaucoup ! et même si tous ne sont pas superbes, certains sont franchement élégants. On en trouve même au fonctionnalités assez poussées, comme celle de faire des wikis ou documentations

Les thèmes s’installent faiclement, et si on s’y connait un peu, il est très rapide de retoucher l’apparence du site en y injectant un peu de CSS. Si on y passe un peu plus de temps, on peut même réussir à déplacer des éléments entre les pages et avoir un résultat vraiment personnel.
Mon blog utilise le thème PaperMod, mais j’ai réussi à réécrire une partie de la page d’accueil pour ya voir une courte présentation et la liste des derniers posts, ce que le thème ne propose pas.

Jameson, un script assistant à l’écriture

J’utilise Git pour sauvegarder mes travaux sur Hugo et publier mon blog via Netlify. C’est bien fait, mais les commandes à taper son incroyablement répétitives.

Pour gagner du temps, j’ai écrit un petit script bash qui me permet d’aller plus vite, et de me concentrer sur ce qui m’intéresse, à savoir les articles. Je l’ai baptisé “Jameson”, du nom de l’éditeur de Peter Parker (a.k.a Spider Man), et je continue à y ajouter quelques petites fonctions de temps à autre.

Pour le moment, il crée mes articles, les sauvegarde et les publie, importe mes images au bon endroit après les avoir compressées de façon optimale. Vous pouvez jeter un oeil au code source de mon projet sur le Github, et bien sûr l’utiliser si ça vous intéresse.

Je referai sûrement un post dessus, d’ailleurs.

Hugo, plus fonctionnel qu’il n’y parait !

Plus je me familiarise avec cet outils, plus j’ai envie d’en pousser les limites et de me l’approprier. Au moyens de shortcodes, on peut créer des petits bijoux de fonctions avec assez peu de connaissances en codage.

Ceux présents par défaut proposent d’insérer des images, des videos youtube ou viméo, et même des fils twitter. Mais l’utilisateur peut très facilement ajouter les siens !

Mes shortcodes restent assez basiques. Les jolies lignes qui séparent les paragraphes de ce posts en sont un, par exemple. un autre me permet de mettre en page mes haikus. Mon dernier petit ajout me laisser insérer un fichier audio au milieu d’un article. C’est basique, mais j’en suis très fier.

Je ferai sûrement aussi quelques posts pour partager mes humbles shortcodes.

En conclusion

J’aime beaucoup l’écosystème de logiciels que j’utilise. La plupart sont FOSS, tous sont agréables et permissifs. J’espère que l’inspiration restera présente assez longtemps pour me laisser utiliser tout ces outils et m’amuser avec.

N’hésitez pas à vous lancer, si ça vous tente ! c’est de toute façon intéressant de ce frotter à ces logiciels. Si vous êtes curieux d’en savoir plus ou que vous voulez en discuter, n’hésitez pas à m’écrire sur Mastodon ou par email. A bientôt peut être ! 👋