Nouveau site internet, première partie

March 2016

html5 gulpjs hugo

Cette fois c’est fait, il était temps de sortir un nouveau site internet.

Les pages sont générées par hugo. Hugo est un moteur de génération de site statique, écrit en go. (Un peu comme jekyll qui est utilisé pour github.io)

Détails

J’ai choisi ce moteur pour plusieurs raisons.

Premièrement, parceque je souhaite pouvoir écrire rapidement et facilement du contenu, en utilisant la syntaxe markdown.

Ensuite, parceque hugo est très rapide pour générer le contenu, et lorsque l’on souhaite re-générer tout le contenu “à la volée”, c’est pratique.

Et pour finir, parecque la documentation de Hugo est très bien écrite, ce qui facilite grandement la mise en place.

Mise en place

pacman -S go git mercurial npm
# apt install golang git-core mercurial npm
[ -d .go ] || mkdir .go
export GOPATH=$(readlink -f .go)
export PATH=$GOPATH/bin:$PATH
go get -u -v github.com/spf13/hugo
npm install

Développement

Afin de développer le site, je souhaitais être en mesure d’utiliser bootstrap sous sa forme “less”, et pouvoir visualiser les modifications “en direct”.

Hugo à un système pour prévisualiser les modifications en direct, mais pas si on utilise des fichiers sources less.

Pour faire ça, j’ai utilisé gulpjs.

En gros le processus est relativement simple:

Dans un terminal on lance gulp en “attente de modification”

gulp watch

Et dans un autre on lance un serveur http embarqué par hugo

hugo server --config src/config.toml -s src