Hugo : créateur de sites simple et léger

Hugo : créateur de sites simple et léger

Hugo est un framework web Open Source permettant de créer des sites statiques rapidement

Publié le

Installation d’un thème

Initialisez Git sur votre projet afin de récupérer un thème :

git init

Téléchargez le thème Ananke avec l’aide de Git :

git submodule add https://github.com/theNewDynamic/gohugo-theme-ananke.git themes/ananke

Certains templates s’installent de la même manière, comme BeautifulHugo. D’autres utilisent Npm comme interfacage avec Hugo. C’est le cas de Doks, un modèle à destination des sites de documentation. En consultant la commande dev dans le fichier package.json, on retrouve Hugo :

"dev": "exec-bin node_modules/.bin/hugo/hugo server"

Le thème Ananke s’installe dans le répertoire themes/ananke. Comme pour WordPress, vous pouvez avoir plusieurs thèmes installés.

Par contre, il faut préciser à Hugo lequel choisir. Pour cela, éditez le fichier hugo.toml et ajoutez-y la ligne suivante :

theme = 'ananke'

Pour réaliser l’opération simplement avec une ligne de commande :

echo "theme = 'ananke'" >> hugo.toml

Votre fichier devrait ressembler à ceci :

baseURL = 'https://example.org/'
languageCode = 'en-us'
title = 'My New Hugo Site'
theme = 'ananke'

Hugo.toml est le fichier de configuration de votre site. Vous devez modifier le baseURL, qui deviendra l’URL de votre site en production. Modifez le languageCode si votre site n’est pas écrit en anglais – Etats-Unis. Puis changez le title pour qu’il corresponde au nom de votre site. Pour cet article, j’ai changé le title en Les Enovateurs.

Lancement du serveur de développement

Exécutez la commande suivante :

hugo server

Ouvrez votre navigateur et accédez au site - http://localhost:1313

Première version du site dont le contenu est le suivant : Les Enovateurs

Vous pouvez remodifier le title dans le fichier hugo.toml et enregistrer le fichier. Le site se mettra automatiquement à jour.

Le site est vide de contenu.