This content originally appeared on DEV Community and was authored by Martin Niombela
Lorsqu’il s’agit de créer des sites web, plusieurs solutions s’offrent aux développeurs : partir de zéro (from scratch), utiliser un CMS (Content Management System) ou avoir recours à un générateur de site statique. Dans cette article, je ne ferai pas de comparaison entre ces moyens, chacune de ces solutions ayant ses propres avantages et inconvénients.
Le sujet de cet article sera l’utilisation de générateurs des sites statiques Hexo et Hugo, que j’ai déjà eu l’occasion d’utiliser. Que l’on soit débutant ou plus expérimenté, un générateur de site web est vraiment un outil intéressant pour lancer rapidement des projets web, et nous allons voir cela de plus près !
Sites statiques, générateurs, qu’est-ce que c’est ?
Avant de rentrer dans le vif du sujet, il faut rappeler quelques concepts de base :
- Qu’est-ce qu’un site statique ?
- Qu’est-ce qu’un générateur de site statique ?
Site statique
Un site statique est un site dont toutes les pages sont essentiellement en HTML et en CSS. Il est également possible d'ajouter Javascript lorsque l’on veut un peu de dynamisme à son site internet. Contrairement à un site que l’on qualifierait de “dynamique”, un site statique affiche la même page à tous les visiteurs qui la demandent.
L’intérêt d’un site statique réside dans sa rapidité de chargement. Cependant, plus le site compte de pages, et plus il faut écrire d’HTML, de CSS et de Javascript, ce qui prend du temps et demande un certain effort.
Générateur de site statique
Un générateur de site statique est un outil qui permet, à l’aide de configurations et de templates, de créer un site statique. Les pages sont remplies par les informations stockées dans les fichiers de configuration, mis en page par les templates, et sont ensuite générées au bon format (HTML, CSS, Javascript).
Le générateur facilite également la mise en page des différentes pages du site en intégrant un thème, qu’il sera toujours possible de modifier par la suite.
L’utilisation d’un générateur, vous l’aurez compris, permet donc d’accélérer quelque peu la création d’un site simple, en générant rapidement les pages, le contenu, et la mise en page.
Que choisir entre Hexo et Hugo ?
Lorsque l’on recherche un générateur de site statique sur Google, les premiers résultats que l’on risque de trouver sont des comparaisons ou des articles expliquant pourquoi tel ou tel générateur est le meilleur.
La preuve, en écrivant simplement “générateur de site statique” :
N’ayant testé qu’Hexo et Hugo, je ne pourrais pas comparer une dizaine de générateurs. Donc, concentrons nous sur ces deux générateurs.
Hexo
Hexo est un générateur de site statique open-source basé sur Node.js. Il permet de générer rapidement des sites web simples, souvent utilisés pour faire tourner des sites de type blog ou page personnelle. Il permet d’écrire des articles en Markdown, de les transformer en pages HTML statiques, puis de les héberger sur un serveur quelconque (Amazon S3, Github Pages, …).
Hexo permet également une personnalisation via des thèmes proposés sur son site (la section “thème” du site d’Hexo en recense de très beaux, d’ailleurs), ou via un thème que l’on peut créer soi-même en s’appuyant sur la documentation.
Il est aussi possible d’étendre les capacités de son site grâce à un système de plugins. Les plugins peuvent être des scripts Javascript que l’on a écrits soi-même, ou encore des paquets NPM, ce qui peut s’avérer bien pratique.
Hugo
Comme Hexo, Hugo est un générateur de site statique open-source, mais il est basé sur le langage de programmation Go et est surtout vanté pour sa flexibilité.
Il possède à peu près les mêmes caractéristiques qu’Hexo, même s’il a une bibliothèque de thèmes légèrement moins fournie, et est moins populaire que certains de ses concurrents sur le marché (comme Jekyll, notamment).
Un choix, vraiment ?
Quand on cherche des générateurs de site statiques, on tombe souvent sur des articles les comparant, ou encore essayant de les classer du “meilleur” au “moins bon”. Il est important de nuancer le choix d’un tel outil.
La nuance est importante, et cela s’applique aussi au choix de nos outils. Ici, je ne pense pas qu’il soit nécessaire de n’en choisir qu’un parmi les deux. Ceux qui auront plus d’expérience avec Node.js pourront s’orienter vers Hexo, s’ils veulent personnaliser leurs sites. Ceux qui ont déjà manipuler le langage Go s’orienteront vers Hugo pour les mêmes raisons. Bref, rien n’est figé.
De plus, il arrive parfois que l’on tombe sur un thème magnifique disponible pour l’un de ces deux générateurs mais pas pour l’autre. Il serait alors dommage de s’en priver parce qu’un site nous aurait affirmé qu’il est “moins bon” qu’un autre générateur.
Mon expérience avec Hexo et Hugo
Lorsque j’ai voulu créer mon propre site internet, j’ai dû réfléchir à la manière dont je voulais le faire. Ne voulant pas y passer trop de temps, j’ai d’abord opté pour un site statique fait maison. Cependant, il aurait fallu que je fasse moi-même la partie “Blog” de mon site, ce qui m’a amené à chercher un moyen de le faire rapidement et m’a permis de découvrir les générateurs de site statique.
Bien que je ne maîtrise pas le langage Go, avec de l’expérience et la documentation d’Hugo, il est possible de modifier un thème pré-fait, ce que j’ai pu faire pour l’un de mes projets. Concernant Hexo, un point qui n’est pas toujours souligné est que c’est un générateur dont la majorité de la communauté est située en Asie. Cela gonfle virtuellement la popularité d’Hexo, en plus du fait que la plupart des thèmes sont optimisés pour les idéogrammes plutôt que pour les textes en lettres romaines. Ces thèmes sont d’ailleurs rarement documentés en anglais, ce qui réduit également le nombre de thèmes exploitables pour les utilisateurs occidentaux.
Conclusion
Hexo et Hugo sont de bons outils pour les développeurs, mais aussi pour toute personne souhaitant mettre en ligne un site rapidement et sans trop d’effort (ou d’argent). De plus, ces solutions facilitent certains aspects de la mise en place d’un site, comme le style ou encore le déploiement sur un serveur, ce qui peut vraiment être un plus lorsque l’on souhaite en faire le moins possible.
Bref, que ce soit pour un projet personnel, un projet de cours, ou encore pour vendre un produit, ces générateurs de sites statiques peuvent vraiment vous faciliter la tâche. N’hésitez pas à vous en servir, et même à en essayer d’autres, comme Jekyll, ou encore Gatsby !
À la prochaine ! 👋
This content originally appeared on DEV Community and was authored by Martin Niombela
Martin Niombela | Sciencx (2024-07-24T01:39:43+00:00) Hexo et Hugo : deux générateurs statiques bien pratiques. Retrieved from https://www.scien.cx/2024/07/24/hexo-et-hugo-deux-generateurs-statiques-bien-pratiques/
Please log in to upload a file.
There are no updates yet.
Click the Upload button above to add an update.