HUGO

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

    • Hypothèses
    • Installer des Thèmes
      • Installer Tous les Thèmes
      • Installer un Thème Unique
    • Placement du Thème
    • Utiliser les Thèmes
      • Ligne de Commande
      • Fichier config
THEMES THÈMES

Installer et Utiliser des Thèmes

Installer et utiliser facilement un thème à partir de la galerie des thèmes Hugo en utilisant l’interface de ligne de commande.

Hugo ne fournit pas actuellement un thème “par défaut”. Cette décision est intentionnelle. Nous vous laissons décider quel thème convient le mieux à votre projet Hugo.

Hypothèses

  1. Vous avez déjà installé Hugo sur votre machine de développement.
  2. Vous avez installé git sur votre machine et vous êtes à l’aise avec un usage basique de git.

Installer des Thèmes

Les thèmes apportés par la communauté sur themes.gohugo.io sont hébergés dans un dépôt centralisé GitHub. Le dépôt “Hugo Themes” sur https://github.com/gohugoio/hugoThemes est vraiment un méta-référentiel qui contient des indications sur un ensemble de thèmes abordés.

Sans Git installé sur votre ordinateur, aucune des instructions suivantes du thème ne fonctionnera. Les tutoriels Git dépassent la portée des documents Hugo, mais GitHub et codecademy offrent gratuitement des cours interactifs pour débutants.

Installer Tous les Thèmes

Vous pouvez installer tous les thèmes Hugo disponibles en clonant tout le dépôt Hugo Theme sur GitHub à partir de votre répertoire de travail. Selon votre connexion internet, le téléchargement de tous les thèmes peut prendre un certain temps.

git clone --depth 1 --recursive https://github.com/gohugoio/hugoThemes.git themes

Avant d’utiliser un thème, retirez le dossier .git dans ce dossier racine de theme. Autrement, cela provoquera des problèmes si vous déployez en utilisant Git.

Installer un Thème Unique

Déplacez-vous dans le répertoire themes et téléchargez un thème en remplaçant URL_TO_THEME par l’URL du référentiel de thèmes :

cd themes
git clone URL_TO_THEME

L’exemple suivant montre comment utiliser le thème “Hyde”, qui a sa source hébergée sur https://github.com/spf13/hyde :

clone-theme.sh
cd themes
git clone https://github.com/spf13/hyde

Alternativement, vous pouvez télécharger le thème en tant que fichier .zip, décompressez le contenu du thème, puis déplacez la source décompressée dans votre répertoirethemes.

Toujours examiner le fichier README.md qui est livré avec un thème. Souvent, ces fichiers contiennent d’autres instructions requises pour la configuration du thème ; par exemple, la copie de valeurs à partir d’un exemple de fichier de configuration.

Placement du Thème

Assurez-vous que vous avez installé les thèmes que vous souhaitez utiliser dans le dossier / themes. C’est le répertoire par défaut utilisé par Hugo. Hugo est capable de modifier le répertoire des thèmes via la variable themesDir dans la configuration de votre site, mais cela n’est pas recommandé.

Utiliser les Thèmes

Hugo applique d’abord le thème décidé et applique tout ce qui se trouve dans le répertoire local. Cela permet une personnalisation plus facile tout en conservant la compatibilité avec la version en amont du thème. Pour en savoir plus, allez sur personnaliser les thèmes.

Ligne de Commande

Il existe deux approches différentes pour utiliser un thème avec votre site Web Hugo : via la CLI Hugo ou dans le fichier de configuration.

Pour changer un thème via la CLI Hugo, vous pouvez passer le flag -t lors de la construction de votre site :

hugo -t themename

Vous voudrez sans doute ajouter le thème lors de l’exécution du serveur local Hugo, surtout si vous comptez personnaliser le thème :

hugo server -t themename

Fichier config

Si vous avez déjà décidé sur le thème de votre site et que vous ne voulez pas jouer avec la ligne de commande, vous pouvez ajouter le thème directement à votre fichier de configuration du site :

theme: nomtheme

Le nomtheme dans les exemples au-dessus doit correspondre au nom du dossier spécifique du thème dans /themes ; par ex., le nom du dossier (probabelemnt en bas de casse et urlisé ) plutôt que le nom du thème affiché dans le Site de Présentation des Thèmes.

  • 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
“Installer et Utiliser des Thèmes” a été mise à jour le : July 21, 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