Algunas herramientas de código abierto para crear sitios estáticos

noviembre 05, 2020 , 0 Comments

Algunas herramientas de código abierto

En un artículo anterior les había hablado de los sitios web estáticos y nos quedaba pendiente la enumeración de herramientas de código abierto para crearlos

Como dije en su momento, los sitios estáticos no son inmutables, la diferencia con los sitios dinámicos es que cualquier personalización se hace en la computadora cliente, no en el servidor. Por lo demás,los archivos que el servidor muestra al cliente es exactamente el mismo que se subió desde la computadora del creador.

Algunas herramientas de código abierto para la creación de sitios estáticos

Jekill

Si descargaron algún proyecto de GitHub, seguramente conocen GitHub Pages, el servicio de creación y alojamiento de sitios web que el gestor de repositorios de Microsoft ofrece a los proyectos allí alojados. Bueno, las páginas se crean con Jekill

Para crear sitios con Jekill puede utilizarse cualquier distribución Linux que cumpla los siguientes requisitos:

  • Lenguaje programación Ruby en versión igual o superior a la 2.5.0 incluyendo las librerías para desarrollo.
  • Gestor de paquetes RubyGems.
  • GCC y Make.

Para el formateo del texto se utiliza Markdown mientras que para la creación de las plantillas dispone de una herramienta llamada Liquid.

El resultado sale en la forma de archivos HTML y CSS.

Existen plugins para los gestores de contenidos más conocidos que te permiten migrar el contenido de tu blog a Jekill aunque deberás recurrir a una plataforma como Disquis para alojar los comentarios.

Un punto a tener en cuenta que si para escribir los post de tu blog te gustan los editores visuales,

Hugo

Se define a si mismo como  «uno de los frameworks  de código abierto más populares para la creación de sitios estáticos» y en su web aseguran que es «el más rápido. Como si no fueran suficientes promesas, sus desarrolladores dicen que está diseñado para volver a hacer el diseño web algo divertido.

Está escrito en Go, un lenguaje de programación de código abierto mantenido por Google y una comunidad independiente de desarrolladores.

Algunas de sus características son:

  • Generación rápida de páginas (menos de un minuto)
  • Funciona en Windows, Linux y Mac.
  • Soporte para el manejo de plantillas.
  • Enlaces personalizables
  • Taxonomía
  • Soporte para la plataforma de comentarios Disquis.
  • Soporte para Google Analitycs.
  • Creación de menúes dinámicos.

Hugo puede usarse para todo tipo de sitios web y es compatible con los más populares servicios de alojamiento web.

Hexo

Diseñado específicamente para la creación de blogs, está basado en Node.JS, un entorno de ejecución de Javscript basado en el motor de renderizado de Google Chrome.

El único requisito para utilizar Hexo es que el sistema operativo tenga instalado Node.js a partir de la versión 10.13 aunque se recomienda usar de la 12 para arriba.

  • Rápida generación de páginas. Prometen procesar cientos de archivos en segundos.
  • Generación de sitios con un solo comando.
  • Se pueden utilizar diferentes variantes de Markdown
  • Potente interfaz de programación de aplicaciones para extender sus prestaciones.
  • Soporte mediante complementos para varios motores de plantillas como JS, Pug, Nunjucks entre otros.
  • Integración con paquetes NPM complementarios como Babel, PostCSS, Less/Sass, etc.
  • Más de 300 temas personalizables.

Docusaurus

Como su nombre lo indica, este proyecto, parte de la iniciativa de código abierto de Facebook, se especializa en crear sitios web de documentación.  Aunque está pensado para la documentación de proyectos de código abierto, no está restringido a este uso. Se basa en React, una librería Javascript para la creación de interfaces de usuario.

Algunas de sus características son:

  • Generación de páginas HTML a partir de texto escrito usando Markdown y MDX.
  • Reutilización de código escrito usando React
  • Traducción automática de la documentación creada entre 70 idiomas.
  • Creación y mantenimiento de diferentes versiones de un documento.
  • Búsqueda fácil dentro de cada documento usando el motor de búsqueda Algolia.
  • Optimizado para buscadores.  Los archivos HTML se generan estáticamente para cada posible ruta
    SEO de páginas específicas

En estos momentos hay dos versiones de Docusaurus circulando, el enlace utilizado en este artículo corresponde a la versión 2 que es la que recomiendan usar los desarrolladores para sitios web nuevos.


Some say he’s half man half fish, others say he’s more of a seventy/thirty split. Either way he’s a fishy bastard.