HUGO

Qu'y a-t-il sur cette page ?

    • tl;dr
    • Exigences du Thème
      • Ajoutez Votre Thème au Repo
      • Créez un fichier theme.toml
      • Images
      • Créer un fichier README
        • Exemple README.md
CONTRIBUER

Ajoutez votre Thème Hugo à la Galerie

Vous avez construit un thème Hugo et vous voulez contribuer en retour dans la communauté. Ajoutez votre thème à la Galerie Hugo.

Une collection de tous les thèmes créés par la communauté Hugo, y compris des captures d’écran et des démos, se trouve à l’adresse https://themes.gohugo.io. Chaque thème de cette liste sera automatiquement ajouté au site des thèmes. Les mises à jour de thèmes ne sont pas programmées, mais elles se produisent généralement au moins une fois par semaine.

tl;dr

  1. Créez votre thème en utilisant hugo new theme <NOMTHEME> ;
  2. Testez votre thème contre https://github.com/spf13/HugoBasicExample *
  3. Ajoutez un fichier theme.toml à la racine de votre thème avec toutes métadonnées requises
  4. Ajoutez un README.md descriptif à la racine du thème source
  5. Ajoutez /images/screenshot.png et /images/tn.png

* Si votre thème ne correspond pas au site Hugo Basic Example, nous encourageons les auteurs de thème à fournit un site Hugo auto-contenu dans /exampleSite.

Le nom du dossier ici —exampleSite— est important, car ce dossier sera repris et utilisé par le script qui génère le site de Thèmes Hugo. Il reflète le répertoire racine d’un site Web Hugo et vous permet d’y ajouter du contenu personnalisé, des assets et un fichier config avec des valeurs présélectionnées.

Regardez l’exampleSite du thème Hugo Artist pour un bon exemple.

SVP faites en sorte que le contenu dans l’exemple de votre site soit aussi neutre que possible. Nous espérons que cela va sans dire.

Exigences du Thème

Afin d’ajouter votre thème à la Galerie (Showcase), les exigences suivantes doivent être satisfaites :

  1. theme.toml avec tous les champs requis
  2. Images miniature et capture-écran
  3. Un bon fichier README d’instructions pour les utilisateurs
  4. Ajout au repo GitHub hugoThemes

Ajoutez Votre Thème au Repo

Le moyen le plus facile d’ajouter votre thème est d’ouvrir un nouvel “issue” dans le repo du thème avec un lien vers le repo de votre thème sur GitHub.

Créez un fichier theme.toml

theme.toml contient des métadonnées sur le thème et son créateur et devrait être créée automatiquement lors du lancement de la commande hugo new theme. Le fichier généré automatiquement est fourni ici aussi pour un téléchargement facile :

theme.toml
name = ""
license = "MIT"
licenselink = "https://github.com/<VOTRENOM>/<VOTRETHEME>/blob/master/LICENSE.md"
description = ""
homepage = "http://votresite.com/"
tags = []
features = []
min_version = 0.19

[author]
  name = ""
  homepage = ""

# Si portage d'un thème existant
[original]
  name = ""
  homepage = ""
  repo = ""

Les champs suivant sont obligatoires :

name = "Hyde"
license = "MIT"
licenselink = "https://github.com/spf13/hyde/blob/master/LICENSE.md"
description = "An elegant open source and mobile first theme"
homepage = "http://siteforthistheme.com/"
tags = ["blog", "company"]
features = ["blog"]
min_version = 0.13

[author]
    name = "spf13"
    homepage = "http://spf13.com/"

# Si portage d'un thème existant
[original]
    author = "mdo"
    homepage = "http://hyde.getpoole.com/"
    repo = "https://www.github.com/mdo/hyde"
  1. Ceci est différent du fichier theme.toml créé par hugo new theme dans les versions d’Hugo avant la v0.14.
  2. Seul theme.toml est accepté ; c’est à dire pas de theme.yaml et pas de theme.json.

Images

Les captures d’écran sont utilisées pour des aperçus dans la galerie de thème Hugo. Assurez-vous qu’elles aient les bonnes dimensions :

  • La miniature devrait être de 900px × 600px
  • La capture d’écran devrait être de 1500px × 1000px
  • Les médias doivent être posés dans
    • /images/screenshot.png</ code>
    • /images/tn.png</ code>

Des médias supplémentaires peuvent être fournis dans le même répertoire.

Créer un fichier README

Le fichier README de votre thème doit être écrit en markdown et sauvegardé à la racine de la structure de répertoire de votre thème. Votre README.md sert de

  1. Contenu pour la page de détails de votre thème sur https://themes.gohugo.io
  2. Informations générales sur le thème dans votre dépôt GitHub

Exemple README.md

Vous pouvez télécharger le README.md suivant comme un aperçu :

README.md

# Theme Title

**Need input from @digitalcraftsman on what could be added to this file.**




Si vous ajoutez des captures d’écran au README, utilisez les chemins de fichiers absolus au lieu des images relatives /images/screenshot.png. Les chemins relatifs fonctionnent bien sur GitHub mais ils ne correspondent pas à la structure de répertoire de themes.gohugo.io. Par conséquent, les navigateurs ne pourront pas afficher les captures d’écran sur le site thématique sous le chemin donné (relatif).

  • a-propos
    • Aperçu
    • Les Fonctionnalités Hugo
    • Les Avantages du Statique
    • Roadmap
    • Licence
  • chantier-doc-hugo
    • Poser une h-card
  • commandes
    • Survol de l'interface de ligne de commande CLI
  • contribuer
    • Contribuer au Projet Hugo
    • Développement
    • Documentation
    • Thèmes
  • fonctions
    • .Scratch
  • functions
    • Fonctions Référence Rapide
    • .AddDate
    • .Format
    • .Get
    • .GetPage
    • .Param
    • .Unix
    • Math
    • absLangURL
    • absURL
    • after
    • apply
    • base64
    • chomp
    • countrunes
    • countwords
    • dateFormat
    • default
    • delimit
    • dict
    • echoParam
    • emojify
    • eq
    • findRE
    • first
    • getenv
    • hasPrefix
    • highlight
    • htmlEscape
    • htmlUnescape
    • humanize
    • i18n
    • imageConfig
    • in
    • index
    • int
    • intersect
    • isset
    • jsonify
    • lang.NumFmt
    • last
    • lower
    • markdownify
    • md5
    • now
    • partialCached
    • plainify
    • pluralize
    • printf
    • querify
    • range
    • readDir
    • readFile
    • ref
    • relLangURL
    • relURL
    • relref
    • render
    • replace
    • replacere
    • safeCSS
    • safeHTML
    • safeHTMLAttr
    • safeJS
    • safeURL
    • seq
    • sha
    • shuffle
    • singularize
    • slice
    • slicestr
    • sort
    • split
    • string
    • substr
    • time
    • title
    • trim
    • truncate
    • union
    • uniq
    • upper
    • urlize
    • where
    • with
  • gestion-contenu
    • Aperçu de la Gestion de Contenu
    • Organisation
    • Formats de Contenus Supportés
    • Front Matter
    • Shortcodes
    • Sections
    • Types
    • Archétypes
    • Taxonomies
    • Résumés
    • Références Croisées
    • Gestion des URLs
    • Menus
    • Table des Matières
    • Commentaires
    • Multilinguisme et i18n
  • hebergement-et-deploiement
    • Aperçu Hébergement & Déploiement
    • Héberger chez Netlify
    • Héberger sur Firebase
    • Héberger sur GitHub
    • Héberger sur GitLab
  • hosting-and-deployment
    • Hosting on Bitbucket
    • Deployment with Wercker
    • Deployment with Rysnc
  • templates
    • Aperçu des Modèles
    • Introduction
    • Ordre de Recherche de Modèle
    • Formats Output Personnalisés
    • Modèles de Base et Blocs
    • Modèles de Pages Liste
    • Modèle Page Accueil
    • Modèles de Section
    • Modèles de Taxonomie
    • Modèles de Page Unique
    • Modèles de Vues de Contenu
    • Modèles de Data
    • Modèles Partiels
    • Modèles de Shortcode
    • Modèles de Fichier Local
    • Page 404
    • Modèles de Menu
    • Pagination
    • Modèles RSS
    • Modèle Sitemap
    • Robots.txt
    • Modèles Internes
    • Langages Alternatifs de Modélisation
    • Debuguer les Modèles
  • themes
    • Aperçu des Thèmes
    • Installer et Utiliser des Thèmes
    • Personnaliser un Thème
    • Créer un Thème
  • tools
    • Aperçu des Outils du Développeur
    • Migrations
    • Surbrillance de Syntaxe
    • Starter Kits
    • Frontends
    • Editor Plug-ins
    • Search
    • Other Projects
  • troubleshooting
    • Dépannage
    • Caractères Accentués dans les URLs
    • Erreur EOF
  • variables
    • Aperçu des Variables
    • Variables de Site
    • Variables Page
    • Variables Shortcode
    • Taxonomy Variables
    • Variables File
    • Variables Menu
    • Variables Spécifiques à Hugo
    • Variables d'Info Git
    • Variables Sitemap
“Ajoutez votre Thème Hugo à la Galerie” a été mise à jour le : July 22, 2017
Améliorez cette page
Par les Auteurs Hugo

Les logos Hugo sont copyright © Steve Francia 2013–2017.

Le Gopher Hugo Gopher est basé sur un travail original de Renée French.

  • Remontez une Question
  • Demandez de l'Aide
  • Discutez du Code Source
  • @GoHugoIO
  • @spf13
  • @bepsays
  • a-propos
  • chantier-doc-hugo
  • commandes
  • contribuer
  • fonctions
  • functions
  • gestion-contenu
  • hebergement-et-deploiement
  • hosting-and-deployment
  • templates
  • themes
  • tools
  • troubleshooting
  • variables