Créer un site avec Hugo
C'est quoi, Hugo ?
Au hasard de mes recherches sur la création d'un site avec Hugo, je suis tombé sur une série d'articles qui détaille la procédure, étape par étape, de création d'un thème custom.
Cet énorme tutoriel - qu'on peut presque qualifier de formation en ligne - m'a tellement appris de choses sur le fonctionnement de Hugo, que je me suis dis “ça serait top de proposer une version traduite avec quelques notes personnelles".
J'ai donc demandé à l'auteur de cette série d'articles, Janne Kemppainen, s'il était possible de me baser sur sa série d'articles pour proposer quelquechose du même genre en français, tout en le citant bien entendu. Il m'a répondu simplement “Oui aucun soucis, et tu peux aussi préciser que tu as la permission de recopier le contenu”.
Si vous voulez lire les articles de l'auteur original, rdv donc ici : the best Hugo tutorial series
Un grand merci à toi Janne, pour ce travail de longue haleine (quand je vois le temps que ça m'a pris à suivre et à “traduire”, je me dis que tu as dû passer quelques intenses soirées à nous concocter ce partage de connaissances !). Thanks a lot Janne for your amazing work !
Je dois dire que j'étais fan du concept à la base, c'est ce qui m'a poussé à suivre ces tutos pour “décortiquer” le bouzin, et plus je met les mains dedans et plus je me dis que c'est une petite pépite technologique, qui à mon avis, va changer les règles en matière de création de sites simples pour de nombreuses raisons que j'évoquerai dans un autre billet.
L'avenir me dira si je me suis trompé ou si j'ai eu raison ! Quoiqu'il arrive si vous êtes ici, c'est que le sujet vous intéresse alors je vais arrêter de m'étaler et on va entrer dans le vif du sujet :-)
Plan général du tutoriel sur l'utilisation de Hugo
Ce didacticiel sur l'utilisation de Hugo va se dérouler en plusieurs parties :
- La mise en place de l'environnement local et la création d'un premier site simple
- Générer son premier thème
- Mise en place du layout général
- Création du template des articles
- Création du template des pages
- La gestion des templates de listes et des taxonomies
- L'ajout du contenu en relation
- Créer des shortcodes personnalisés
- Déployer le site avec Netlify
- La gestion des commentaires
- Suivre les stats de son blog : l'installation de
Google Tag ManagerMatomo Analytics - (bonus pour les SEO) Proposition de workflow pour le déploiement de sites statiques ultra rapides avec un score pagespeed qui déchire en quelques minutes
NB : cette série est en toujours en cours de rédaction, il se peut que je modifie quelques passages pour rendre l'ensemble plus cohérent ; pour le moment il s'agit surtout de mes notes livrées “telles quelles”, mais si j'avais attendu que tout soit parfait je n'aurais jamais lancé ce site !