Développement d'un site web portfolio et de présentation basé sur le framework Hugo

Après avoir terminé mon stage avec ma soutenance en septembre 2024, j’ai commencé à développer ce site pour présenter mes projets et compétences. Ce portfolio, construit avec le framework Hugo, met en valeur mes réalisations professionnelles et personnelles.

Fonctionnement de Hugo

Hugo framework logo

Source : Hugo

Hugo est un framework moderne de génération de sites statiques, largement apprécié pour sa rapidité et sa simplicité. Voici quelques points clés concernant Hugo :

  1. Vitesse : Hugo est connu pour sa capacité à générer des sites web à une vitesse impressionnante, ce qui le rend idéal pour les projets nécessitant des mises à jour fréquentes.

  2. Simplicité : Avec Hugo, la création de contenu est simplifiée grâce à l’utilisation de fichiers Markdown, permettant une rédaction facile et intuitive.

  3. Flexibilité : Hugo offre une grande flexibilité grâce à son système de thèmes et de templates, permettant une personnalisation poussée du design et des fonctionnalités du site.

  4. Communauté active : Hugo bénéficie d’une communauté active et d’une documentation complète, facilitant l’apprentissage et le dépannage.

  5. Multilingue : Hugo supporte nativement la création de sites multilingues, ce qui est un atout majeur pour les projets internationaux.

Hugo fonctionne en convertissant le contenu écrit en Markdown et les templates en HTML statique.

  • Création de contenu : Les utilisateurs créent du contenu en utilisant des fichiers Markdown, ce qui permet une rédaction simple et efficace.
  • Templates et thèmes : Hugo utilise des templates et des thèmes pour définir l’apparence et la structure du site. Ces templates sont écrits en HTML et CSS, avec des fonctionnalités supplémentaires fournies par Hugo.
  • Génération du site : Lorsque vous exécutez Hugo, il compile le contenu et les templates pour générer un site web statique, prêt à être déployé sur un serveur web.

Implémentation du site web

Dans cette partie, nous allons voir les aspects techniques du site web, son développement et son déploiement.