Recientemente ha habido un gran cambio hacia los sitios web estáticos en el campo del desarrollo web. Los sitios estáticos son más fáciles de mantener (¡No hay bases de datos, no hay scripts del lado del servidor!) Y son más seguros, en general, considerando que lo único que se sirve a los dispositivos de los usuarios son los archivos HTML, CSS y Javascript. Para que algunos tipos de sitios web como los blogs y los sitios web de documentación se conviertan en estáticos, simplemente escribir código directamente en archivos HTML se vuelve agotador. También se vuelve difícil mantener sitios con gran contenido, especialmente cuando se deben cambiar algunas características pequeñas (como el diseño).
Aquí es donde entran los generadores de sitios estáticos. Los generadores de sitios estáticos básicamente convierten (o compilan) un montón de archivos de recursos diferentes en un solo sitio web. Esto significa que el contenido puede mantenerse separado del código de diseño, y los activos del sitio, como las imágenes, pueden mantenerse completamente separados. Hay muchos generadores de sitios estáticos, incluso cientos. Aquí hay una lista de los 10 mejores generadores de sitios estáticos junto con sus revisiones.
Generadores de sitio estático
1. Jekyll
En una palabra: El rey de los generadores de sitios estáticos . Jekyll es el generador estático más utilizado, con la mejor documentación, la comunidad más grande y el mejor soporte. Incluso GitHub ofrece soporte integrado para Jekyll en su servicio GitHub Pages. Jekyll se enorgullece de ser consciente del blog. Hacer un blog estático en Jekyll es realmente fácil. Solo requiere conocimientos de desarrollo web básico. Realmente brilla, debido a sus características de fácil configuración para principiantes, al mismo tiempo que tiene características realmente poderosas para aquellos con el conocimiento para usarlas.
Jekyll le permite crear y usar diferentes complementos, etiquetas e incluso crear sus propios convertidores para cualquier lenguaje de marcado que desee utilizar con Jekyll. El lenguaje de marcado predeterminado para Jekyll, como la mayoría de los otros, es Markdown. Jekyll tiene complementos para compilar Less, Stylus, generar nubes de etiquetas, páginas de usuario para blogs y mucho más.
Jekyll se basa en el motor de plantillas líquidas de Shopify. Se ejecuta completamente en Ruby, por lo que es fácil de instalar junto con las dependencias usando rvm, o usando bundler. Jekyll también tiene opciones de migración fáciles, si está buscando migrar desde WordPress, Blogger o cualquier otro sitio de blogs. Vence a todos los demás generadores de sitios estáticos, sin lugar a dudas, en términos de tamaño de usuario. Está en desarrollo activo (el último cambio en su repo de GitHub se produjo hace un día, en el momento de escribir este artículo).
Para instalar Jekyll, simplemente ingrese este comando en Ruby: gem install jekyll
2. Pelican
Pelican es un generador de sitio estático construido en Python. Cuenta con publicación de contenido en varios idiomas, resaltado de código (sintaxis), así como fácil generación de RSS y Atom Feeds. Pelican tiene una buena selección de complementos, todos los cuales están alojados en un repositorio central de GitHub. Admite 3 formatos de documentos de manera predeterminada: Markdown, reStructuredText y Ascii Doc.
Pelican es bastante único, ya que está construido en Python. Es compatible con el potente motor de plantillas Jinja, que está basado en python, para permitir la creación fácil de hermosos temas y plantillas para Pelican. En términos de soporte de migración, Pelican ofrece soporte para WordPress y Tumblr. En lugar de los archivos YAML habituales para la configuración, Pelican usa un archivo .py llamado pelicanconf.py para la configuración y los ajustes.
La forma más fácil de instalar Pelican es usando pip: pip install pelican
3. intermediario
Middleman es un generador de sitios estáticos accionado por Ruby que sigue un enfoque sencillo para construir sitios estáticos. Tiene potentes funciones para mantener blogs estáticos, como la generación fácil de etiquetas, comandos rápidos para enumerar artículos categorizados y paginación. Middleman no ofrece ningún soporte de migración, por lo tanto, si desea que un blog existente estético, es posible que Middleman no sea la mejor idea por ahora.
Middleman ofrece soporte para la mayoría de las herramientas modernas de desarrollo web como HAML, Coffeescript, Sass y el resto. Su motor de plantillas predeterminado es eRb, pero le permite cambiar a un motor de plantillas personalizadas de su elección. Todos los motores de plantillas habilitados para Tilt (la lista completa se puede encontrar aquí) funcionan en Middleman. Admite de forma nativa 2 formatos de configuración: YAML, JSON. La materia prima para su contenido también debe ser YAML o JSON según el formato de configuración que esté utilizando.
Instala Middleman usando Ruby con: gem install middleman
4. Metalsmith
Metalsmith se enorgullece de ser un generador de sitio estático conectable . Esto significa que toda la lógica de Metalsmith es manejada por plugins. Cualquier característica que necesite, solo agregue los complementos requeridos. La gran cantidad de complementos ofrecidos por Metalsmith supera a casi todos los competidores (tal vez salvo Jekyll y Docpad). Esto significa que Metalsmith puede ser utilizado como algo más que un simple generador de sitios estáticos.
En sus propias palabras "Dado que todo es un complemento, la biblioteca central es en realidad solo una abstracción para manipular un directorio de archivos". Lo que finalmente se suma a esto es que usa Metalsmith tan fácilmente como un andamio de proyectos, un generador de libros electrónicos, una herramienta de compilación, documentación técnica y más (estos son algunos de los ejemplos que se muestran en el sitio web de Metalsmith).
Metalsmith se basa en Node.js, y puede instalarse usando el administrador de paquetes de nodos con: $ npm install metalsmith
Homepage 5. arpa
Harp tiene un preprocesamiento incorporado para Jade, Markdown, LESS, Sass, Coffeescript, EjS y Stylus sin ninguna configuración adicional. También le permite usar los diseños / paradigma parcial con Jade y EjS, que necesitan complementos especiales en otros generadores de sitios estáticos.
Harp se basa en Node.Js y puede trabajar de la mano con Harp Platform, que te permite crear páginas web desde tu carpeta de Dropbox. Harp también puede compilar páginas para usar en las páginas de GitHub, PhoneGap y Heroku también.
Para instalar Harp, use npm y ejecute: sudo npm install -g harp
Página principal
6. Octopress
Técnicamente Octopress es una bifurcación Jekyll modificada, pero debido a su gran popularidad, se ha incluido en esta lista. Octopress es básicamente Jekyll para hackers (y desarrolladores de rieles). La personalización de Octopress se vuelve fácil, especialmente si está creando un blog, ya que Octopress por defecto incluye muchos de los complementos que necesita para ejecutar un blog en Jekyll.
En la parte de personalización, el código de Octopress facilita a los usuarios modificar el código y escribir su propio código. Dicho esto, muchos de los complementos para Octopress son compatibles con Jekyll (y viceversa).
Para instalar Octopress,
- Clone el repo de GitHub
git clone git://github.com/imathis/octopress.git octopresscd octopress - Instalar dependencias
gem install bundlerrbenv rehash# Si usa rbenv, rehash para poder ejecutar el comando de paquetebundle install - Instalar el tema predeterminado de Octopress
rake install
7. Docpad
Docpad es un generador dinámico de sitios estáticos. Extiende las capacidades de los generadores de sitios estáticos normales, con funciones como la consulta de bases de datos a través de un motor de consulta, la importación de páginas desde bases de datos externas y la representación de la página web en cada solicitud.
Docpad tiene soporte nativo para preprocesadores, como Coffeescript, Stylus y LESS, y utiliza complementos para admitir motores de plantillas, preprocesadores y lenguajes de marcado, por lo que puede elegir las combinaciones que desee utilizando el complemento necesario. Docpad también admite la importación de páginas desde fuentes externas como Tumblr, GitHub y Dropbox a través de complementos.
Docpad es una plataforma rica en características, con muchos complementos y excelente documentación. Está construido y utiliza Node.js para las interacciones del servidor.
Simplemente instale Docpad usando npm: npm install -g npm; npm install -g [email protected] npm install -g npm; npm install -g [email protected]
Página principal
8. Hexo
Hexo es un marco de blog estático liviano que se enorgullece de su velocidad de generación de sitios. Hexo es ideal para bloggers con grandes cantidades de contenido que desean un generador de sitio estático simple. Ofrece opciones de migración fáciles desde otras plataformas de blogs como WordPress, Joomla, Jekyll, Octopress y RSS. Una de las mejores cosas de Hexo es que puede utilizar la mayoría de los complementos creados para Octopress (y, por extensión, los complementos creados para Jekyll con modificaciones muy pequeñas).
Hexo es compatible con Markdown, YAML para el frente y la configuración. Manteniendo su rápida naturaleza, Hexo le permite desplegar en sitios como GitHub, Heroku y Rsync con solo un comando.
Hexo se puede instalar usando Node.js: npm install hexo-cli -g
9. Hugo
Hugo es un generador de sitios estáticos de propósito general con buenas características generales como plantillas y soporte de parciales, paginación y 'taxonomías' que es básicamente un sistema de categorización de contenido único seguido por Hugo. Esto significa que puede clasificar las publicaciones fácilmente en función de no solo las etiquetas, sino también de cualquier otra forma que desee, como categorías o series directamente desde el frontmatter. Hugo admite tres tipos de archivos de datos: YAML, JSON y TOML, y le permite decidir cuál le resulta más cómodo.
En lugar de complementos, Hugo usa 'códigos cortos' que le permiten usar contenido enriquecido dentro de su Markdown. Para saber cómo funciona esto, lea este artículo. Hugo está escrito en el lenguaje de programación Go y ofrece archivos de instalación separados para diferentes plataformas en su página de GitHub. Para saber exactamente cómo puede instalar Hugo para que lo use, lea las instrucciones de instalación de Hugo.
Si usa Homebrew, entonces Hugo y todas las dependencias se pueden instalar con: brew install hugo
10. Brunch
El brunch se inclina hacia aplicaciones web HTML5 en lugar de blogs y sitios web, pero aún así es un generador de sitios estático rápido y muy fácil de usar. No solo compila todos sus códigos y scripts, sino que también puede reducir (minimizar) su código y comprimir imágenes automáticamente. Brunch tiene una gran cantidad de complementos que puede utilizar para personalizarlos según sus necesidades. La lista completa de complementos de Brunch se puede encontrar aquí.
Brunch ofrece "esqueletos" que son básicamente repetitivos para iniciar su sitio web (o aplicación web). Ofrece una de las velocidades de compilación más rápidas, simplemente porque Brunch almacena en caché todas las partes sin cambios de su proyecto y compila solo los archivos que se revisan. Brunch se basa en Node.js y se puede instalar usando npm: npm install -g brunch
¿Tiene alguna sugerencia sobre este artículo? ¡Déjalo en los comentarios!
