Retour d’expérience : construire mon site personnel avec Hugo et GitLab Pages
Créer mon site personnel a été l’occasion de prendre du recul sur mes outils et sur ma manière de travailler. Je voulais un espace clair, simple et professionnel, qui reflète ma façon d’aborder la technique : sobriété, qualité et efficacité. Ce projet m’a permis de construire quelque chose qui me ressemble, tout en retrouvant le plaisir de faire un site pour moi, sans pression ni complexité inutile.
Trouver un outil qui me ressemble
Dès le départ, je savais que je voulais un site statique, rapide et sans maintenance. Les CMS traditionnels étaient trop lourds pour un site personnel. J’avais besoin d’un outil qui me laisse me concentrer sur le contenu, pas sur l’infrastructure.
C’est ainsi qu’après quelques tests, j’ai choisi Hugo, un générateur de site statique basé sur des fichiers texte en markdown. Pas de base de données, pas de mise à jour serveur, pas de surcouche inutile. On écrit, on génère, et le site est prêt. La philosophie m’a plu immédiatement : rapide, simple et extrêmement propre.
Les nombreux thèmes existants m’ont aussi permis de partir d’une base solide tout en la personnalisant progressivement.
Prendre un thème et l’apprivoiser
J’ai commencé avec un thème orienté portfolio. Je l’ai d’abord utilisé tel quel, pour comprendre sa structure. Ensuite, petit à petit, j’ai modifié les couleurs, les sections, les textes et certains éléments visuels pour l’adapter à mon identité.
Ce que j’ai apprécié dans Hugo, c’est la possibilité de modifier uniquement ce dont j’ai besoin. Le système de thèmes est suffisamment souple pour évoluer sans tout casser. C’est exactement le genre d’outil qui respecte ton rythme et ta manière de travailler.
Construire le site en local
La construction en local a été l’une des étapes les plus agréables. Grâce à la commande de prévisualisation, chaque modification apportée au contenu ou au thème apparaît immédiatement dans le navigateur. Cela permet de tester, d’ajuster et d’itérer rapidement, sans se bloquer sur la technique.
Ce workflow simple m’a permis de me concentrer sur l’essentiel : la structure du site et la clarté du contenu.
Pourquoi GitLab Pages
L’hébergement s’est imposé naturellement : GitLab Pages.
Je travaille depuis longtemps avec GitLab, et la possibilité d’héberger un site statique gratuitement, avec un déploiement automatique à chaque push, correspondait parfaitement à ce que je recherchais.
Le principe est simple : je pousse une modification dans le dépôt, GitLab génère le site et le met en ligne automatiquement. Pas d’actions manuelles, pas de serveur, pas de maintenance.
Le petit challenge DNS
La seule partie un peu délicate a été la configuration du nom de domaine chez OVH. GitLab recommande un enregistrement ALIAS que mon fournisseur ne supporte pas. Il a fallu ajuster les entrées DNS, tester plusieurs valeurs et attendre la propagation.
Une fois les bonnes IP configurées et les DNS propagés, GitLab a pu générer automatiquement le certificat HTTPS. Le site est devenu accessible à l’adresse souhaitée, avec un fonctionnement propre et sécurisé.
Ce que cette approche m’apporte
Au final, ce choix d’outils forme un équilibre qui me convient très bien :
- un site statique, rapide et fiable ;
- du contenu écrit simplement en fichiers texte ;
- un design que je peux faire évoluer progressivement ;
- aucun serveur ni mise à jour technique à gérer ;
- un déploiement automatique à chaque modification.
C’est un système qui respecte pleinement ma philosophie : faire simple, efficace et durable.
Et la suite ?
Maintenant que la base est en place, je vais enrichir le site au fil du temps :
- article détaillé pour chacune de mes expériences,
- retours d’expérience techniques ou organisationnels,
- une section projets plus complète,
- peut-être des prévisualisations automatiques par branche.
Ce projet m’a donné envie de partager davantage, de formaliser mes pratiques, et de poser des mots sur ce que j’ai construit au fil des années.