Dans un article précédent Je leur avais parlé de sites Web statiques et nous attendions le énumération des outils open source pour les créer
Comme je l'ai dit à l'époque, les sites statiques ne sont pas immuables, la différence avec les sites dynamiques est que toute personnalisation est effectuée sur l'ordinateur client et non sur le serveur. Sinon, les fichiers que le serveur montre au client sont exactement les mêmes que ceux téléchargés depuis l'ordinateur du créateur.
Quelques outils open source pour créer des sites statiques
Jekyll
Si vous avez téléchargé des projets depuis GitHub, vous savez probablement Pages GitHub, le service de création et d'hébergement de site Web que le gestionnaire de référentiel Microsoft propose aux projets qui y sont hébergéstoi. Eh bien, les pages sont créées avec Jekyll
Pour créer des sites avec Jekill pToute distribution Linux peut être utilisée qui répond aux exigences suivantes:
- Langage de programmation Ruby dans la version 2.5.0 ou supérieure, y compris les bibliothèques de développement.
- Gestionnaire de packages RubyGems.
- GCC et Make.
Markdow est utilisé pour mettre en forme le texten tandis que pPour créer des modèles, vous disposez d'un outil appelé Liquid.
Le résultat sort sous forme de fichiers HTML et CSS.
Il existe des plugins pour les gestionnaires de contenu les plus populaires qui vous permettent de migrer le contenu de votre blog vers Jekill bien que vous deviez utiliser une plate-forme comme Disquis pour héberger les commentaires.
Un point à garder à l'esprit que si vous aimez les éditeurs visuels pour écrire votre article de blog,
Hugo
Se Vous permet de définir lui-même comme "l'un des frameworks open source les plus populaires pour la création de sites statiques" et sur son site Web, ils affirment que c'est "le plus rapide". Comme si les promesses ne suffisaient pas, ses développeurs disent qu'il est conçu pour rendre la conception Web à nouveau amusante.
Il est écrit en Go, un langage de programmation open source maintenu par Google et une communauté indépendante de développeurs.
Certaines de ses caractéristiques sont:
- Génération de pages rapide (moins d'une minute)
- Cela fonctionne sur Windows, Linux et Mac.
- Prise en charge de la gestion des modèles.
- Liens personnalisables
- Taxonomie
- Prise en charge de la plateforme de commentaires Disquis.
- Prise en charge de Google Analitycs.
- Création de menus dynamiques.
Hugo peut être utilisé pour tous les types de sites Web et est compatible avec les services d'hébergement Web les plus populaires.b.
Hex
Conçu spécifiquement pour les blogs, Il est basé sur Node.JS, un runtime Javscript basé sur le moteur de rendu Google Chrome.
La seule exigence pour utiliser Hex est que le système d'exploitation a Node.js installé à partir de la version 10.13, bien qu'il soit recommandé d'utiliser la version 12 et plus.
- Génération rapide de pages. Ils promettent de traiter des centaines de fichiers en quelques secondes.
- Génération de sites avec une seule commande.
- Différentes variantes de Markdown peuvent être utilisées
- Interface de programmation d'applications puissante pour étendre ses fonctionnalités.
- Prise en charge via des plugins pour divers moteurs de modèles tels que JS, Pug, Nunjucks, entre autres.
- Intégration avec des packages NPM complémentaires tels que Babel, PostCSS, Less / Sass, etc.
- Plus de 300 thèmes personnalisables.
Docusaure
Comme son nom l'indique, ce projet, dans le cadre de l'initiative open source de Facebook, se spécialise dans la création de sites Web de documentation. Bien qu'il soit destiné à la documentation de projets open source, il n'est pas limité à cette utilisation. Il est basé sur React, une bibliothèque Javascript permettant de créer des interfaces utilisateur.
Certaines de ses caractéristiques sont:
- Génération de pages HTML à partir de texte écrit en utilisant Markdown et MDX.
- Réutilisation du code écrit avec React
- Traduction automatique de la documentation créée dans 70 langues.
- Création et maintenance de différentes versions d'un document.
- Recherche facile dans chaque document à l'aide du moteur de recherche Algolia.
- Optimisé pour les moteurs de recherche. Les fichiers HTML sont générés statiquement pour chaque chemin possible
SEO de page spécifique
Il existe actuellement deux versions de Docusaurus en circulation, Le lien utilisé dans cet article correspond à la version 2 qui est celle recommandée par les développeurs pour les nouveaux sites Web.