Ce projet Hugo propose un livret d’exposition en ligne minimaliste, pensé comme un catalogue photographique élégant et accessible.
content/oeuvres/: collection d’œuvres en bundles Hugocontent/exposition/_index.md: page galeriecontent/propos/_index.md: page À proposcontent/_index.md: page d’accueillayouts/: templates personnalisésstatic/css/etstatic/js/: style et scripts
- Créez un dossier pour l’œuvre :
content/oeuvres/oeuvre-03/
- Ajoutez un fichier
index.mdavec ce frontmatter :
title: "Titre de l’œuvre"
date: 2026-05-25
thumbnail: "thumbnail.jpg"
hero: "photo.jpg"
series: "Série"
location: "Lieu"
description: |
Première ligne de description.
Deuxième ligne avec saut de ligne.
intention: "Intention artistique"
context: "Contexte de prise de vue"
formats:
- size: "30 x 20"
price: "140,00 €"
stripe_url: "https://buy.stripe.com/example"
- size: "60 x 40"
price: "240,00 €"
stripe_url: "https://buy.stripe.com/example"
order: 3- Le champ
formatspermet de définir plusieurs tailles/prix. stripe_urlpeut être défini pour chaque format.
- Placez les images à côté du fichier :
thumbnail.jpgphoto.jpg
thumbnail.jpg: vignette carréephoto.jpg: image principale de l’œuvre- Les images sont optimisées automatiquement par Hugo dans les templates.
hugo serverPuis ouvrez http://localhost:1313.
hugoLe site statique sera créé dans le dossier public/.
- Poussez le dépôt sur GitHub.
- Dans les paramètres GitHub Pages, choisissez la branche
gh-pagesou un workflow de déploiement. - Pour un déploiement automatique, utilisez un workflow GitHub Actions qui publie le dossier
public/.
Un workflow est inclus dans .github/workflows/deploy.yml. Il construit le site avec Hugo et publie le contenu du dossier public/ sur la branche gh-pages lorsque vous poussez sur main.
Étapes rapides pour activer le déploiement :
# 1. Pousser votre dépôt vers GitHub (branche `main`)
git add . && git commit -m "Initial site" && git push origin main
# 2. Vérifier l’exécution du workflow dans l’onglet Actions de GitHub
# 3. Dans les paramètres Pages de votre dépôt, sélectionnez la branche `gh-pages` comme source (ou attendez que GitHub Pages prenne en charge la branche automatiquement).Si vous souhaitez utiliser un domaine personnalisé, remplacez le contenu de static/CNAME par votre nom de domaine, et mettez à jour config.toml baseURL avec la bonne URL.
- Ajoutez un fichier
static/CNAMEcontenant votre nom de domaine. - Dans
config.toml, remplacezbaseURLpar l’URL complète de votre domaine.
- Meta description propre
- Balises
rel="canonical" - Navigation simple
- Contenu structuré
Le site inclut une page dédiée Droits d’utilisation, ainsi que des mentions de droits d’auteur visibles dans le pied de page. Les fichiers COPYRIGHT.md et LICENSE-CONTENT.md à la racine distinguent clairement le code du site et les œuvres artistiques.
Les variables de droits sont configurables dans config.toml :
copyright_ownercopyright_yearcontact_emailrights_statementwatermark_enabled