Mon site ultralight en Hugo

Ce site en quelques vers

Un site statique pour faire simple et léger.

Du contenu sous la forme d’article de blog pour vous intérésser.

Des articles rédigés en language léger (markdown, asciidoc) pour pas m’emm…

Un thème et du contenu ultralight pour pas trop poluer.

Des flux RSS complets et par thème pour mieux partager.

Un moteur de commentaire pour échanger.

Choix du moteur de site statique (SSG)

Je pensais partir sur un moteur de site qui a un template tout prêt dans gitlab dans un premier temps, afin de me simplifier la vie. L’idée n’est pas de passer des heures à réaliser un comparatif complet des moteur SSG, mais plutôt de faire un choix pas trop mauvais sans y passer plus d’une heure.

2 SSG “blog aware” sont très utilisés aujourd’hui, impossible de passer à côté.

  • Jekyll (ruby)
  • Hugo (go)

Je choisi Hugo car il à l’air plus rapide, plus récent, plus moderne (support API Json), il permet le build en local du site sur toute les plateformes et enfin il n’est pas écrit en ruby. Les ruby c’est précieux, il vaut mieux que ça reste dans la terre au Myanmar.

Liens utiles :

Choix du thème pour Hugo

Le site d’hugo propose une belle collection de thèmes avec des démos live.

L’idée serait d’avoir un thème assez light sans trop de javascript/css. J’ai choisi le thème hugo flex. Pour faire ce choix de thème j’ai regardé :

  • la taille du thème sur le site de démo,
  • le look,
  • la possibilité d’intégrer des commentaires,
  • la popularité du thème.

Quelques commentaires sur les thèmes que j’ai regardés :

Création du site étape par étape sur mon PC

Au début je pensais partir du modèle Gitlab pages pour Hugo, mais comme il ne correspond pas exactement à mes attentes, et que ça a l’air rapide, je vais le faire à la main.

  1. Installation de chocolatey

  2. Installation de hugo

  3. Création de mon site hugo

    hugo new site iamcolin
cd .\iamcolin
git init

  4. Installation du thème hugo-flex

    git submodule add https://github.com/de-souza/hugo-flex.git themes/hugo-flex
echo 'theme = hugo-flex' >> config.toml

  5. Création des première pages et du premier post

    hugo new _index.md
hugo new about.md
hugo new posts/mon-site-ultralight-en-hugo.md

  6. Affichage du site en local

Ne pas oublier le -D pour afficher les nouvelles pages car elles sont créées en mode brouillon par défaut.

hugo server -D

Choix d’un hébergement

La c’est un choix plus c’est difficile car je n’y connais rien en hébergement. Je voudrais partir sur un hébergement simple et gratuit dans un premier temps, et prendre le temps plus tard de trouver un hébergement à faible impact environemental.

PS 2023 : j’ai choixi l’hebergeur alwaysdata qui est gratuit en plus d’avoir une démarche de responsabilité environnementale. https://www.alwaysdata.com/fr/green-it/

Choix d’un nom de domaine

Comme tout un chacun je souhaite que mon nom de domain soit court et facile à retenir. Je voudrais aussi que les buts du site transparaisse au maximum à partir du nom de domaine. Enfin je voudrai un nom de domaine pas cher, pas plus de 10€/ans en charge récurrante.

PS 2023 : J’ai choisi cbontemps.fr pour commencer puisqu’il s’agit de mon site personnel. Je l’achète chez OVH qui est français et pas trop cher. À suivre ?