Recommandé, 2024

Choix De L'Éditeur

10 meilleurs générateurs de sites statiques

Il y a eu récemment un énorme changement vers les sites Web statiques dans le domaine du développement Web. Les sites statiques sont plus faciles à gérer (pas de bases de données, pas de scripts côté serveur!) Et sont plus sécurisés, généralement, étant donné que les seuls fichiers servis aux appareils des utilisateurs sont les fichiers HTML, CSS et Javascript. Pour que certains types de sites Web tels que les blogs et les sites de documentation deviennent statiques, le simple fait d'écrire directement du code dans des fichiers HTML devient une tâche ardue. Il devient également difficile de maintenir des sites à contenu important, en particulier lorsque certaines petites fonctionnalités (telles que la conception) doivent être modifiées.

C’est là que les générateurs de sites statiques entrent en jeu. Les générateurs de sites statiques convertissent (ou compilent) un ensemble de fichiers de ressources différents en un seul site Web. Cela signifie que le contenu peut être séparé du code de présentation et que les ressources du site, telles que les images, peuvent être complètement séparées. Il existe de nombreux générateurs de sites statiques, même des centaines. Voici une liste des 10 meilleurs générateurs de sites statiques ainsi que leurs critiques.

Générateurs de sites statiques

1. Jekyll

En un mot: Le roi des générateurs de sites statiques . Jekyll est le générateur statique le plus utilisé, avec la plus grande documentation, la plus grande communauté et le meilleur support. Même GitHub offre un support intégré pour Jekyll sur son service de pages GitHub. Jekyll est fier d'être au courant des blogs. Faire un blog statique sur Jekyll est vraiment facile. Cela nécessite seulement une connaissance du développement Web de base. Il brille vraiment, en raison de ses fonctionnalités de configuration faciles pour les débutants, tout en disposant de fonctionnalités vraiment puissantes pour ceux qui ont les connaissances nécessaires pour les utiliser.

Jekyll vous permet de créer et d'utiliser différents plug-ins, balises et même de créer vos propres convertisseurs pour tout langage de balisage que vous souhaitez utiliser avec Jekyll. Le langage de balisage par défaut pour Jekyll - comme la plupart des autres - est Markdown. Jekyll a des plugins pour compiler Less, Stylus, générer des nuages ​​de balises, des pages utilisateur pour les blogs et bien plus encore.

Jekyll est basé sur le Liquid Template Engine de Shopify. Il fonctionne entièrement sur Ruby, il est donc facilement installable avec les dépendances utilisant rvm ou bundler. Jekyll propose également des options de migration simples, si vous souhaitez migrer depuis WordPress, Blogger ou tout autre site de blogs. Il bat tous les autres générateurs de sites statiques, haut la main, en termes de taille d'utilisateur. Il est en cours de développement actif (le dernier changement de son référentiel GitHub a eu lieu il y a un jour, au moment de la rédaction de cet article).

Pour installer Jekyll, entrez cette commande dans Ruby: gem install jekyll

Page d'accueil

2. Pélican

Pelican est un générateur de site statique construit sur Python. Il propose la publication de contenu multilingue, la surbrillance de code (syntaxe), ainsi que la génération facile de flux RSS et Atom. Pelican propose une belle sélection de plug-ins, tous hébergés sur un référentiel central GitHub. Il prend en charge 3 formats de document par défaut: Markdown, reStructuredText et Ascii Doc.

Pelican est assez unique, car il est construit sur Python. Il prend en charge le puissant moteur de modèles Jinja, basé sur python, qui permet de créer facilement de beaux thèmes et modèles pour Pelican. En termes de support de migration, Pelican offre un support pour WordPress et Tumblr. Plutôt que les fichiers YAML habituels pour la configuration, Pelican utilise un fichier .py appelé pelicanconf.py pour la configuration et les paramètres.

Le moyen le plus simple d’installer un pélican est d’utiliser pip: pip install pelican

Page d'accueil

3. Middleman

Middleman est un générateur de site statique alimenté par Ruby qui adopte une approche simple pour créer des sites statiques. Il dispose de fonctionnalités puissantes pour la maintenance de blogs statiques, telles que la génération facile de balises, des commandes rapides pour répertorier les articles classés et la pagination. Middleman n'offre aucun support de migration, donc si vous voulez rendre un blog existant statique, Middleman n'est peut-être pas la meilleure idée pour le moment.

Middleman prend en charge la plupart des outils modernes de développement Web tels que HAML, Coffeescript, Sass et le reste. Son moteur de templates par défaut est eRb, mais il vous permet de passer à un moteur de templates personnalisé de votre choix. Tous les moteurs de modèles activés par Tilt (la liste complète se trouve ici) fonctionnent sur Middleman. Il supporte nativement 2 formats de configuration - YAML, JSON. La taille de votre contenu doit également être au format YAML ou JSON, selon le format de configuration utilisé.

Installez Middleman en utilisant Ruby avec: gem install middleman

Page d'accueil

4. Metalsmith

Metalsmith est fier d'être un générateur de site statique enfichable . Cela signifie que toute la logique de Metalsmith est gérée par des plugins. N'importe quelle fonctionnalité dont vous avez besoin, ajoutez simplement les plugins nécessaires. Le nombre de plugins proposés par Metalsmith bat presque tous les concurrents (sauf peut-être Jekyll et Docpad). Cela signifie que Metalsmith peut être utilisé davantage que comme un générateur de site statique.

Dans leurs propres mots «Comme tout est un plugin, la bibliothèque principale n’est en réalité qu’une abstraction permettant de manipuler un répertoire de fichiers». En fin de compte, vous utilisez Metalsmith aussi facilement qu'un support de projet, un générateur de livre électronique, un outil de compilation, une documentation technique, etc. (ces exemples sont illustrés sur le site Web de Metalsmith).

Metalsmith est basé sur Node.js, et il peut être installé à l'aide du gestionnaire de packages de noeud avec: $ npm install metalsmith

  Homepage 

5. harpe

Harp a intégré un pré-traitement pour Jade, Markdown, LESS, Sass, Coffeescript, EjS et Stylus sans configuration supplémentaire. Il vous permet également d'utiliser le paradigme de mise en page / partiel avec Jade et EjS, qui nécessite des plugins spéciaux sur d'autres générateurs de sites statiques.

Harp est construit sur Node.Js et peut travailler main dans la main avec Harp Platform, qui vous permet de créer des pages Web à partir de votre dossier Dropbox. Harp peut également compiler des pages à utiliser sur les pages GitHub, PhoneGap et Heroku.

Pour installer Harp, utilisez npm et exécutez: sudo npm install -g harp

 Page d'accueil 

6. Octopress

Techniquement, Octopress est une fourche Jekyll modifiée, mais en raison de son énorme popularité, elle a été incluse dans cette liste. Octopress est fondamentalement Jekyll pour les hackers (et les développeurs de rails). Personnaliser Octopress devient facile, en particulier si vous créez un blog, car Octopress inclut par défaut de nombreux plug-ins dont vous auriez besoin pour exécuter un blog sur Jekyll.

Dans la partie personnalisation, le code d'Octopress facilite la modification du code par les utilisateurs et l'écriture de leur propre code. Cela étant dit, beaucoup de plugins pour Octopress sont compatibles avec Jekyll (et vice versa).

Pour installer Octopress,

  1. Cloner le repo GitHub
    git clone git://github.com/imathis/octopress.git octopress
    cd octopress
  2. Installer des dépendances
    gem install bundler
    rbenv rehash # Si vous utilisez rbenv, rehash pour pouvoir exécuter la commande bundle
    bundle install
  3. Installer le thème par défaut d'Octopress
    rake install
Page d'accueil

7. Docpad

Docpad est un générateur de site statique dynamique . Il étend les capacités des générateurs de sites statiques normaux, avec des fonctionnalités telles que l'interrogation de base de données via un moteur de requête, l'importation de pages à partir de bases de données externes et le rendu de la page Web à chaque requête.

Docpad prend en charge nativement les préprocesseurs, tels que Coffeescript, Stylus et LESS, et utilise des plugins pour prendre en charge les moteurs de gabarit, les préprocesseurs et les langages de balisage. Vous pouvez donc choisir les combinaisons souhaitées en utilisant le plugin nécessaire. Docpad prend également en charge l’importation de pages à partir de sources externes telles que Tumblr, GitHub et Dropbox via des plugins.

Docpad est une plate-forme riche en fonctionnalités, avec de nombreux plug-ins et une excellente documentation. Il est construit sur et utilise Node.js pour les interactions serveur.

Installez simplement Docpad en utilisant npm: npm install -g npm; npm install -g [email protected] npm install -g npm; npm install -g [email protected]

 Page d'accueil 

8. Hexo

Hexo est un framework de blog statique léger qui tire sa fierté de la rapidité de sa génération. Hexo est idéal pour les blogueurs avec de grandes quantités de contenu qui veulent un générateur de site statique simple. Il offre des options de migration faciles à partir d'autres plates-formes de blogs telles que WordPress, Joomla, Jekyll, Octopress et RSS. L'un des avantages de Hexo est que vous pouvez utiliser la plupart des plug-ins conçus pour Octopress (et, par extension, des plug-ins conçus pour Jekyll avec des modifications très mineures).

Hexo prend en charge Markdown, YAML pour la matière principale et la configuration. Garder avec sa nature rapide Hexo vous permet de déployer sur des sites tels que GitHub, Heroku et Rsync en une seule commande.

Hexo peut être installé avec Node.js: npm install hexo-cli -g

Page d'accueil

9. Hugo

Hugo est un générateur de site statique polyvalent doté de fonctionnalités complètes, telles que la prise en charge des modèles et des partiels, la pagination et les «taxonomies», qui est essentiellement un système de catégorisation de contenu unique suivi par Hugo. Cela signifie que vous pouvez facilement classer les publications sur la base non seulement des balises, mais également de toute autre manière, comme des catégories ou des séries, directement à partir de frontmatter. Hugo prend en charge trois types de fichiers de données - YAML, JSON et TOML, et vous permet de choisir celui qui vous convient le mieux.

Au lieu de plugins, Hugo utilise des 'shortcodes' qui vous permettent d'utiliser un contenu riche dans votre Markdown. Pour savoir comment cela fonctionne, lisez cet article. Hugo est écrit en langage de programmation Go et propose des fichiers d'installation distincts pour différentes plates-formes sur sa page GitHub. Pour savoir exactement comment vous pouvez installer Hugo, lisez les instructions d’installation de Hugo.

Si vous utilisez Homebrew, Hugo et toutes ses dépendances peuvent être installés avec: brew install hugo

Page d'accueil

10. Brunch

Le brunch s’appuie plutôt sur les applications Web HTML5 que sur les blogs et les sites Web, mais il reste un générateur de site statique très simple à utiliser et rapide. Il compile non seulement tout votre code et vos scripts, mais peut également réduire votre code et compresser les images automatiquement. Brunch a une foule de plugins que vous pouvez utiliser pour le personnaliser selon vos besoins. La liste complète des plugins Brunch peut être trouvée ici.

Le brunch propose des "squelettes" qui sont essentiellement des passe-partout pour démarrer votre site Web (ou application Web). Il offre l'une des vitesses de compilation les plus rapides, tout simplement parce que Brunch met en cache toutes les parties non modifiées de votre projet et ne compile que les fichiers révisés. Le brunch est construit sur Node.js et peut être installé à l’aide de npm: npm install -g brunch

Page d'accueil

Avez-vous des suggestions à propos de cet article? Laissez-le dans les commentaires!

Top