Docs > Installer un thème Hugo

Guide d’installation d’un thème Hugo sans Git

Si vous avez installé HugoCMS, vous pouvez également installer un thème Hugo sans avoir directement accès à la ligne de commande ou à Git. Voici comment procéder :

Étape 1 : Télécharger le thème

  1. Choisissez un thème : Visitez le répertoire des thèmes Hugo et recherchez un thème qui répond à vos besoins.
  2. Télécharger le thème : De nombreux thèmes offrent des liens de téléchargement ou des fichiers .zip directement sur leur page de projet. Téléchargez le fichier .zip de votre thème choisi sur votre ordinateur local.

Étape 2 : Transférer le fichier sur le serveur

  1. Ouvrir le gestionnaire de fichiers : Connectez-vous à votre HugoCMS et activez le mode Admin via le bouton étiqueté Mode Admin, ou cliquez deux fois sur le bouton étiqueté Mode Normal.
  2. Naviguer vers le dossier themes : Dans le gestionnaire de fichiers, naviguez jusqu’au dossier themes de votre installation Hugo. Ce dossier se trouve généralement dans le répertoire racine de votre espace de travail sur votre serveur web ou hébergement web.
  3. Uploader le fichier du thème : Utilisez la fonction de téléchargement du gestionnaire de fichiers pour uploader le fichier .zip de votre thème que vous avez précédemment téléchargé sur votre ordinateur.

Étape 3 : Décompresser le thème

  1. Localiser le fichier .zip : Trouvez le fichier .zip téléchargé dans le gestionnaire de fichiers.
  2. Décompresser le fichier : Cliquez droit sur le fichier .zip et sélectionnez l’option pour le décompresser (par exemple, « Extraire ici » ou « Extract Here »). Cela extraira les fichiers du thème dans un nouveau dossier à l’intérieur du répertoire themes.

Étape 4 : Activer le thème dans Hugo

Pour activer le nouveau thème, vous devez mettre à jour le fichier de configuration de votre site Hugo. Utilisant le gestionnaire de fichiers, vous pouvez éditer le fichier de configuration (config.toml, config.yaml ou config.json) directement dans le navigateur web.

  1. Ouvrir le fichier de configuration : Naviguez jusqu’au fichier de configuration de votre site Hugo et ouvrez-le pour édition.

  2. Changer le thème : Modifiez la valeur de l’option theme pour indiquer le nom du dossier du nouveau thème que vous venez de décompresser. Sauvegardez les modifications.

    Exemple pour config.json :

    "theme": "nom-du-thème",
    
  3. Vérifier les changements : Pour vérifier les changements, vous devez publier le site web, en cliquant sur le bouton portant la même étiquette, puis allez sur votre site web pour vous assurer que le nouveau thème a été correctement appliqué.

Terminé !

Vous avez réussi à installer et activer un nouveau thème Hugo en utilisant HugoCMS. Ce processus permet une gestion facile de vos fichiers de site web directement via un navigateur web, ce qui est particulièrement utile si vous n’êtes pas familier avec Git.


Si vous rencontrez des problèmes au cours du processus, consultez également la documentation du thème ou la documentation officielle de Hugo pour obtenir de l’aide supplémentaire.