Gadgetshowto
Il y a un certain nombre de raisons pour lesquelles quelqu'un utiliserait un générateur de site statique pour son site Web. Les sites statiques sont plus faciles à maintenir (pas de bases de données, pas de scripts côté serveur) et sont plus sécurisés, compte tenu du fait que les utilisateurs ne reçoivent que des fichiers HTML, CSS et Javascript. Bien que vous puissiez directement écrire du code en HTML pour créer un site statique, le processus peut être un peu ardu, 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, ce qui signifie que le contenu peut être séparé du code de mise en page et que tous les actifs du site tels que les images peuvent également être séparés. Donc, si vous êtes à la recherche d'un bon générateur de site statique pour votre site Web, voici les 12 meilleurs générateurs de site statique que vous pouvez utiliser en 2020.
Meilleurs générateurs de sites statiques de 2020
Si vous cherchez à créer un site Web à part entière qui apporte des fonctionnalités telles que les blogs, le commerce électronique, etc., vous devriez lire notre article sur les alternatives Squarespace en cliquant sur le lien. D'autre part, notre collection des meilleurs sites Web de portfolio est l'endroit idéal pour les designers et artistes à venir. Avec cela hors de notre chemin, passons à la liste.
1. Jekyll
Sans aucun doute le roi des générateurs de sites statiques, Jekyll est sans surprise le générateur de sites statiques le plus utilisé car il offre la meilleure documentation, la plus grande communauté et le meilleur support disponible.. Jekyll est fier d'être conscient des blogs et, par conséquent, créer un blog statique sur Jekyll est vraiment facile, ne nécessitant que les bases du développement Web. Il brille vraiment, en raison de ses fonctionnalités de configuration faciles pour les débutants, tout en ayant des 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 plugins, 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 propose des plugins pour compiler Less, Stylus, générer des nuages de tags, des pages utilisateur pour les blogs, et bien plus.
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 en utilisant rvm ou en utilisant bundler. Jekyll propose également des options de migration faciles, si vous souhaitez migrer depuis WordPress, Blogger ou tout autre site de blog. Il bat tous les autres générateurs de sites statiques là-bas, haut la main, en termes de taille d'utilisateur et la meilleure partie est qu'il est en développement actif.
Pour installer Jekyll, entrez simplement cette commande dans Ruby: gem installer jekyll
Visiter Jekyll
2. Hexo
Hexo est un framework de blog statique léger qui est fier de sa vitesse de génération de site ultra-rapide. Hexo est idéal pour les blogueurs avec de grandes quantités de contenu qui veulent un simple générateur de site statique. Il offre des options de migration faciles à partir d'autres plates-formes de blogs comme WordPress, Joomla, Jekyll, Octopress et RSS.
L'un des avantages d'Hexo est que vous pouvez utiliser au maximum les plugins conçus pour Octopress et par extension, les plugins conçus pour Jekyll avec des modifications très mineures..
Hexo prend en charge Markdown, YAML pour la présentation et la configuration. Fidèle à sa nature rapide, Hexo vous permet de déployer sur des sites comme GitHub, Heroku et Rsync avec une seule commande.
Pour installer Hexo à l'aide de Node.js, entrez simplement cette commande: npm installer hexo-cli -g
Visiter Hexo
3. Pélican
Pelican est un générateur de site statique construit sur Python. Il propose la publication de contenu multilingue, la mise en évidence du code (syntaxe), ainsi que la génération facile de flux RSS et Atom. Pelican propose une belle sélection de plugins, tous hébergés sur un référentiel GitHub central. 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èle Jinja basé sur python pour permettre création facile de beaux thèmes et modèles pour Pelican. En termes de support de migration, Pelican propose un support pour WordPress et Tumblr. Plutôt que les fichiers YAML habituels pour la configuration, Pelican utilise un fichier .py nommé pelicanconf.py pour la configuration et les paramètres.
Le service a récemment reçu une mise à jour qui a introduit un certain nombre d'améliorations, de correctifs et d'ajustements pour améliorer les performances. La dernière mise à jour comprend un comportement de copie / lien amélioré pour les fichiers statiques volumineux, une nouvelle syntaxe statique pour créer un lien vers du contenu statique, un nouveau statut de brouillon pour les pages et des améliorations de l'importateur, entre autres..
Vous pouvez installer Pelican en utilisant pip et en tapant la commande suivante: pip installer pélican
Visiter Pelican
4. Gatsby
Gatsby est une autre excellente option pour laquelle vous pouvez opter, tout comme Hexo, est alimenté par Node.js, ce qui le rend très pratique pour les développeurs JavaScript expérimentés.. Le service utilise React, ce qui signifie que tout est constitué de composants, ce qui lui permet de bénéficier de l'approche de React en matière de rendu DOM.
Le service utilise également GraphQL au moment de la construction pour récupérer les données et le contenu des sources, ce qui lui donne une interface moderne et cohérente qui garantit que chaque page reçoit les données exactes nécessaires lors de la construction.. Il convient également de noter que Gatsby construit des pages en tant qu'applications progressives à une seule page, ce qui signifie que l'ensemble du site statique est téléchargé et peut être parcouru immédiatement.
Gatsby peut être facilement choisi par les développeurs qui ont déjà travaillé avec React, mais si vous n'avez pas travaillé avec React avant la courbe d'apprentissage pourrait s'avérer un peu raide.
Vous pouvez facilement installer Gatsby à l'aide de l'outil de ligne de commande Gatsby et de la commande suivante: npm install -global gatsby-cli
Visiter Gatsby
5. Intermédiaire
Middleman est un Générateur de site statique alimenté par Ruby qui suit une approche simple pour créer des sites statiques. Il dispose de fonctionnalités puissantes pour maintenir les blogs statiques, comme la génération facile de balises, des commandes rapides pour répertorier les articles classés et la pagination.
Middleman offre un support pour la plupart des des outils modernes de développement Web comme HAML, Coffeescript, Sass et les autres. Son moteur de modèle par défaut est eRb, mais il vous permet de basculer vers un moteur de modèle personnalisé de votre choix. Tous les moteurs de modèles activés pour Tilt (la liste complète peut être trouvée ici) fonctionnent sur Middleman.
Il prend en charge nativement 2 formats de configuration - YAML, JSON. Le frontmatter de votre contenu doit également être YAML ou JSON selon le format de configuration que vous utilisez. De plus, 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..
Vous pouvez installer Middleman à l'aide de Ruby en utilisant cette commande: gem installer intermédiaire
Visitez Middleman
6. Metalsmith
Metalsmith est également une bonne option si vous recherchez un générateur de site statique basé sur un plugin. Le service est fier d'être 'un générateur de site statique extrêmement simple et enfichable ' qui permet aux utilisateurs d'ajouter des plugins pour pratiquement toutes les fonctionnalités dont ils ont besoin. Le grand nombre de plugins proposés par Metalsmith bat presque tous les concurrents, ce qui lui donne la polyvalence d'être plus qu'un simple générateur de site statique..
Dans ses propres mots, "Puisque tout est un plugin, la bibliothèque principale n'est en fait qu'une abstraction pour manipuler un répertoire de fichiers". Ce que cela ajoute finalement, c'est que vous pouvez utiliser Metalsmith aussi facilement qu'un échafaudeur de projet, un générateur d'ebook, un outil de construction et bien plus encore..
Metalsmith est également basé sur Node.js et peut être installé à l'aide du gestionnaire de packages de nœuds à l'aide de cette commande: $ npm installer un forgeron
Visitez Metalsmith
7. Hugo
Un autre excellent générateur de site statique à usage général, Hugo est livré avec un tas de fonctionnalités complètes décentes comme prise en charge des modèles et partiels, pagination et «taxonomies» qui est essentiellement un système de catégorisation de contenu unique. Cela vous permettra de classer facilement les articles sur la base non seulement de balises, mais également de toute autre manière que vous souhaitez, comme des catégories ou des séries, directement à partir du frontmatter.
Hugo vient avec prise en charge de trois types de fichiers de données - YAML, JSON et TOML - donnant aux utilisateurs la liberté de choisir celui avec lequel ils sont le plus à l'aise. Au lieu de plugins, Hugo utilise des `` codes courts '' qui vous permettront d'utiliser un contenu riche dans votre fichier Markdown.
Hugo est écrit dans le langage de programmation Go et propose des fichiers d'installation séparés pour différentes plates-formes sur sa page GitHub. Vous pouvez suivre ces instructions d'installation pour installer Hugo sur votre appareil.
Si vous utilisez Homebrew, alors Hugo et toutes les dépendances peuvent être installés avec: infusion installer hugo
Visiter Hugo
8. Octopress
Octopress est essentiellement une fourche Jekyll modifiée, mais en raison de sa popularité, nous l'avons incluse dans cette liste. le le service est essentiellement Jekyll pour les pirates (et rails les développeurs) et il peut être utilisé pour créer facilement un blog car il est livré avec un certain nombre de plugins par défaut.
Pour la personnalisation, le code d'Octopress permet aux utilisateurs de modifier plus facilement le code et d'écrire leur propre code. Ce qui est vraiment génial, c'est qu'un certain nombre de plugins pour Octopress sont compatibles avec Jekyll (et vice-versa) afin que vous puissiez essayer les deux services sans vous soucier des problèmes de compatibilité..
Le processus d'installation d'Octopress peut cependant être un peu compliqué pour les débutants, mais vous pouvez faire de même en suivant ces étapes:
- Cloner le dépôt GitHub
- clone git
- git: //github.com/imathis/octopress.get
- poulpe
- cd octopress
- Installer les dépendances
- bundler d'installation de gem
- rbenv rehash; # Si vous utilisez rbenv, rehash pour pouvoir exécuter la commande bundle
- installation groupée
- Installez le thème Octopress par défaut
- râteau installer
Visite Octopress
9. Docpad
Docpad est un générateur de sites statiques dynamiques qui étend les capacités des générateurs de sites statiques normaux, offrant des fonctionnalités telles que l'interrogation de base de données via un moteur de requête unique, importer des pages à partir de bases de données externes et rendre à nouveau la page Web à chaque demande.
Docpad a des s natifssupport pour les pré-processeurs, comme Coffeescript, Stylus et LESS, et utilise des plugins pour prendre en charge les moteurs de modèles, les pré-processeurs et les langages de balisage, vous pouvez donc choisir les combinaisons que vous voulez 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 plugins et une excellente documentation et elle est construite sur Node.js pour les interactions avec les serveurs.
Pour installer Docpad, utilisez la commande suivante à l'aide de npm: npm install -g npm; npm install -g [email protected]
Visiter Docpad
10. Harpe
Harp est un autre excellent générateur de site statique fourni avec Prétraitement intégré pour Jade, Markdown, LESS, Sass, Coffeescript, EjS et Stylus sans aucune configuration supplémentaire. Le service vous permet d'utiliser des mises en page / paradigme partiel avec Jade et EjS, qui nécessitent des plugins spéciaux sur d'autres générateurs de sites statiques.
Harp est également construit sur Node.js et peut fonctionner main dans la main avec les plates-formes Harp, ce qui vous permet de créer des pages Web à partir de votre dossier Dropbox. Le service peut également compiler des pages à utiliser sur les pages GitHub, PhoneGap et Heroku..
Afin d'installer Harp, utilisez npm et exécutez la commande suivante: sudo npm installer -g harpe
Visiter Harp
11. NUXT
Basé sur une architecture modulaire avancée, Nuxt est l'un des meilleurs générateurs de sites statiques. Inclus avec plus de 50 modules, il est entièrement équipé pour accélérer votre développement. Une autre caractéristique notable de ce générateur de site statique est qu'il optimise idéalement votre application afin qu'elle puisse fonctionner en douceur sur différentes plates-formes. Avec un analyseur de bundle, il s'assure que vous pouvez affiner votre application, en éliminant toutes les failles.
Mais ce qui donne à Nuxt.js un avantage sur de nombreux autres rivaux, c'est la capacité de générer un site Web statique selon l'application Vue. En conséquence, vous n'aurez pas besoin d'un serveur autonome, mais pourrez bénéficier des avantages du référencement car Nuxt ne pré-rendra pas seulement toutes les pages, mais comprendra également du HTML essentiel. De plus, il vous permettra également de déployer facilement la page résultante sur des pages Netlify ou GitHub. En termes d'installation, c'est assez franc grâce au outil d'échafaudage. Mais pour cela, vous aurez besoin d'avoir npx (il vient par défaut depuis NPM 5.2.0) installé.
Pour installer NUXT, assurez-vous d'avoir installé NPX, puis exécutez la commande suivante: $ npx create-nuxt-app
Visitez NUXT JS
12. MkDocs
Si vos besoins justifient un simple générateur de site statique, MkDocs peut être la bonne réponse à vos besoins. Avec des outils faciles à utiliser, il rend la documentation de projet sans tracas. Comme les fichiers sources de la documentation sont écrits dans Markdown et configurés avec un seul fichier de configuration YAML, vous pouvez les gérer facilement. Pour tout être simple, MkDocs est à la hauteur de la tâche en matière d'efficacité. Vous pouvez l'utiliser pour créer des sites HTML complètement statiques qui peuvent être hébergés sur Amazon S3, GitHub, et sur d'autres plateformes.
L'une de mes fonctionnalités préférées de MkDocs est une solide collection de thèmes. Selon vos besoins, vous pouvez choisissez à la fois les thèmes intégrés et les thèmes tiers ce qui peut donner l'aspect souhaité à votre documentation. Avec le serveur intégré pratique à portée de main, vous pouvez facilement prévisualiser votre documentation. Quant à l'installation, c'est assez simple. Mais assurez-vous que Python et le gestionnaire Python Pip sont installés sur votre système.
Installez le package mkdocs à l'aide de pip: pip install mkdocs
Visitez MKDocs
Essayez ces générateurs de sites statiques tout de suite
Eh bien, cela arrondit notre liste des 12 meilleurs générateurs de sites statiques que vous devriez essayer. La liste comprend une variété d'options différentes, chacune d'entre elles offrant un ensemble unique de fonctionnalités pour une variété de cas d'utilisation. En fonction du projet en cours, vous pouvez choisir l'un des générateurs de sites statiques susmentionnés et créer votre page Web statique en un rien de temps. Vous avez des suggestions? Faites-nous savoir dans les commentaires ci-dessous et nous mettrons à jour la liste en conséquence.
