Installation Hugo

Installation de Hugo Extended avec Snap sur Pop!_OS

1. Vérifier l’installation de Snap

Pop!_OS est basé sur Ubuntu, et vous pouvez installer Snap si ce n’est pas déjà fait. Ouvrez un terminal et exécutez la commande suivante pour installer Snap :

sudo apt update && sudo apt install snapd

Ensuite, assurez-vous que le service Snap est en cours d’exécution :

sudo systemctl start snapd
sudo systemctl enable snapd

2. Installer Hugo Extended avec Snap

Pour installer la version étendue de Hugo, utilisez la commande suivante. Cela installera automatiquement la dernière version avec la prise en charge de Sass/SCSS :

sudo snap install hugo --channel=extended

Vous pouvez vérifier la version installée en utilisant :

hugo version

Cela devrait indiquer que la version installée est l’extended, ce qui est nécessaire pour utiliser les fonctionnalités avancées de Hugo.

3. Vérifier l’installation de Hugo

Exécutez la commande suivante pour vérifier que Hugo est bien installé et que c’est la version étendue :

hugo version

Vous devriez voir quelque chose comme :

Hugo Static Site Generator vX.X.XX-extended [version info]

Installation du thème hugo-blog-awesome

1. Créer un nouveau site Hugo

Créez un nouveau site Hugo dans un répertoire de votre choix. Remplacez mon_site par le nom que vous souhaitez donner à votre site :

hugo new site mon_site

2. Accéder au répertoire du site

cd mon_site

3. Ajouter le thème hugo-blog-awesome

Clonez le thème hugo-blog-awesome dans le dossier des thèmes :

git init
git submodule add https://github.com/GModder/hugo-blog-awesome.git themes/hugo-blog-awesome

4. Configurer le thème

Ouvrez le fichier config.toml de votre site Hugo et ajoutez ou modifiez la ligne pour définir le thème :

theme = "hugo-blog-awesome"

Le fichier config.toml peut également être enrichi avec les paramètres supplémentaires suggérés par le thème. Consultez la documentation du thème pour obtenir des détails sur les options de configuration disponibles.

5. Créer un contenu de test

Vous pouvez ajouter un article de test pour voir si tout fonctionne correctement :

hugo new posts/mon-premier-article.md

Ensuite, éditez ce fichier (content/posts/mon-premier-article.md) pour y ajouter du contenu.

6. Générer et visualiser le site

Enfin, pour voir le site localement :

hugo serve

Allez sur http://localhost:1313 dans votre navigateur pour visualiser le site.

Et voilà !

Votre site Hugo est maintenant configuré avec le thème hugo-blog-awesome. Vous pouvez commencer à créer du contenu et personnaliser le thème selon vos besoins.