Créer un portfolio avec Hugo (semaine 1)

Semaine 1 de migration vers Hugo (janvier 2024) : thème, déploiement rapide, prouver que le dépôt peut porter plus qu’un PDF de CV. HBTheme, embed data, Substack à côté, shortcode iframe. English version.

Aperçu du site après premier déploiement

Pourquoi Hugo sans CMS

ChoixRaison
Génération statiqueHébergement peu coûteux, builds rapides
MarkdownArticles et projets versionnés dans git
ModulesThème + partials sans tout copier

Le dépôt = source de vérité : Markdown → HTML → GitHub Pages ou équivalent.

HBTheme semaine 1

Commentaires, assets npm, modules Hugo — pas tout recoder.

Compromis :

  • Structure opinionated — démarrage vite, friction plus tard pour des types de contenu custom
  • Pipeline assets — étapes npm en CI mais SCSS/JS propres
  • Doc du thème — plus utile que la doc Hugo en semaine 1

Données dans la page

Test : intégrer l’étude des vols de voitures à Montréal (Substack d’un ami) — preuve que Hugo peut porter longform et graphiques, pas seulement des billets courts.

Étude des vols de voitures à Montréal

Leçon : iframe ou lien pour du contenu invité ; graphiques natifs plus tard avec page bundles.

Substack en parallèle

Essais longs et audience newsletter. Hugo = shell pro ; Substack = format email/commentaires sans serveur mail maison.

Shortcode iframe

{{< iframe src="https://example.com/" title="Exemple" height="480" >}}

Exemple FlashGames :

À utiliser avec parcimonie (accessibilité, mobile, cookies tiers).

Depuis la semaine 1

Site actuel : bilingue, notes de conférence, posts MCP. Voir CV JSON Resume.

Articles liés