Jekyll : le générateur pratique de sites Web statiques

Pour beaucoup, WordPress est le premier choix lors de la création d'un nouveau blog ou d’une page d'accueil d’une société. Au fil des ans, ce système de gestion de contenu (ou CMS pour content management system) est devenu un outil fiable qui convient aux débutants aussi bien qu’aux pros. Comme il a évolué en un système complet à grande échelle, le CMS en question dépassait rapidement les besoins des développeurs Web. C'est précisément la raison pour laquelle des alternatives légères comme Jekyll s’occupent de ce problème. Dans la mesure où ce dernier se limite aux composants les plus nécessaires, ce générateur permet d’implémenter des sites Web sans aucun accès aux bases de données ou aux autres logiciels supplémentaires.

En novembre 2008, Tom Preston-Werner, l'un des quatre fondateurs de la plateforme GitHub publiait le générateur de sites Web Jekyll sous licence de logiciel libre MIT. Écrit en Ruby, ce générateur fonctionne sur la base d’un référentiel de templates qui contient une série de fichiers texte structurés et statiques (markdowns) de différents formats. Ils déterminent non seulement la mise en page mais aussi le contenu de chaque projet Web. Ils peuvent donc être adaptés aux besoins individuels. Le générateur ne fournit pas l’éditeur WYSIWYG, mais nécessite l'écriture de code classique. À cette fin, il est recommandé d’utiliser l’éditeur de contenu Prose, qui simplifie l'édition de Markdown, et qui est aussi optimisé pour Jekyll.

Avant que les modifications apportées au code ne soient incorporés dans la version live de l'application Web, elles peuvent être inspectées grâce au serveur de développement de Jekyll. Le moteur de rendu implémenté s’assure que les fichiers se transforment en un site Web statique (qui peut ensuite être livré avec n'importe quel serveur Web commun). Ceci génère automatiquement le code HTML lorsque les modifications sont apportées aux fichiers texte.

Pour utiliser le générateur de sites Web, vous pouvez le télécharger et l’héberger localement sur votre propre ordinateur. D’autre part, GitHub Pages est une alternative utile qui prend en charge non seulement l’hébergement mais aussi le rendu HTML. Ce service gratuit, basé sur le moteur Jekyll, permet également de déposer vos propres pages de projet, blogs ou pages Web sur les serveurs GitHub.

Dans les cercles de développeurs, GitHub peut s’enorgueillir d’une belle réputation. Cette plateforme simplifie considérablement la gestion des projets et la publication des codes de programmes, surtout lorsque beaucoup de différents développeurs prennent part à un projet. Plus de 24 millions d’utilisateurs accèdent à l'application Web basée sur le logiciel de GitHub développé par une équipe dirigée par Linus Torvalds, qui publia ce programme de contrôle de version en 2005 comme une alternative à BitKeeper. Aujourd’hui, GitHub utilise cette application open source pour gérer les codes sur ses serveurs qui sont ensuite stockés dans des répertoires distincts.

D’abord, les ajustements des projets sont enregistrés comme forks (scissions), afin que l'auteur puisse recevoir une notification appropriée, et décider s'il doit l’inclure dans le code d'origine.

Afin de stocker votre présence Web sur les serveurs GitHub, le fournisseur de plateformes pour développeurs GitHub Pages vous permet à créer (en option) votre propre répertoire. La spécificité réside dans le fait que la base du code pour ces pages de projets est fournie par Jekyll. Par conséquent, les blogs ou les pages d'accueil simples sont faciles à créer et hébergés gratuitement. En bref, GitHub Pages fonctionne comme un simple CMS tel que Jekyll qui permet non seulement la sélection d'un thème mais aussi l'utilisation d’éditeur de plateforme pour la création de contenu. En outre, le référentiel GitHub doit être cloné pour pouvoir être stocké localement. Ce processus fonctionne soit via un terminal soit via le client de bureau respectif (disponible pour Windows et MacOS).

La plus grande différence entre Jekyll et tous les autres systèmes de gestion de contenu standards a déjà été soulevée : il peut être utilisé pour créer des pages qui fonctionnent sans aucune base de données. Par ailleurs, il n’est pas possible d'incorporer des éléments dynamiques, et c’est la raison pour laquelle seules des pages statiques peuvent être créées avec Jekyll.

Cependant, il existe également des CMS sans bases de données qui sont conçus uniquement pour les projets côté client. Ceux-ci sont néanmoins plus complexes que Jekyll. Cela donne aux utilisateurs plus de confort avec des fonctionnalités telles que les backends, les administrations des utilisateurs et de nombreuses options d'extension. Dans le même temps, ceci les rend plus sensibles aux bogues et ouvre également plus d'espace pour de potentielles failles de sécurité.

Lorsque l’on compare Jekyll aux autres générateurs de sites Web statiques comme Hugo ou Middleman, il devient clair que Jekyll marque ses points avec sa connexion directe à GitHub ainsi qu’avec les avantages qui en résultent, comme l’excellente gestion des versions ou un service d’hébergement gratuit.

GitHub permet à chaque utilisateur ou société de créer un site Web pour chaque compte qui peut se composer d'un nombre illimité de sites. La capacité de stockage de projets est limitée à un gigaoctet. Étant donné qu’il n’y a pas d’éléments dynamiques, ceci est absolument suffisant. Pour le fonctionnement d'un blog ou d'une page simple d'entreprise, la limite mensuelle de bande passante de 100 giga-octets est aussi considéré comme suffisante. Si vous avez encore besoin de plus de ressources, vous pouvez contacter le support technique afin de trouver une solution individuelle, par exemple l’utilisation d’un réseau de diffusion de contenu (RDC).

Si vous êtes intéressé par les capacités de Jekyll et GitHub Pages, le tutoriel suivant explique, étape par étape, la façon dont vous pouvez utiliser le générateur dans le cadre de plateformes développeurs.

Supprimez le code et ajoutez un message de bienvenue sur votre site Web :

Ensuite, si vous confirmez le message de bienvenue via « commit changes », vous pouvez dès maintenant accéder à votre première page via le repo sélectionné dans la deuxième étape (qui est également l'URL de votre présence Web).

Le tutoriel montre que la création et l'hébergement d'un site Web via GitHub Pages peuvent être mis en œuvre assez rapidement. Toutefois, en cas de problèmes avec votre projet Jekyll sur GitHub, vous pouvez contacter le support technique à tout moment. En outre, le site en question offre plusieurs manuels, ainsi qu'une vaste collection des questions fréquemment posées qui traitent de l'utilisation de contrôle de version, le langage de Markdown ou l’édition de code. Il existe aussi une impressionnante collection de vidéos sur la chaîne YouTube de GitHub qui complète la gamme des outils d’assistance.

Si vous souhaitez utiliser Jekyll sans GitHub, nous recommandons la série des tutoriels faits par Arachné Tutorials divisée en trois parties. Cela vous montre non seulement toutes les informations importantes sur la structure de l'infrastructure Web basée sur les fichiers,mais les tutoriels en question indiquent aussi comment configurer le générateur de site Web statique et publier votre propre page.