Dado que los sitios web ofrecen cada vez más contenido, el proceso de mantener y actualizar los sitios de manera eficiente ha aumentado la demanda del uso de generadores de sitios estáticos. A diferencia de una pila de aplicaciones web tradicional, los generadores de sitios estáticos aplican datos y contenido a las plantillas y generan vistas de página por adelantado, en lugar de esperar hasta que se solicite la página. Los generadores de sitios estáticos rompen la sobrecarga de generar las vistas cada vez que se requiere un servicio y son una opción escalable que garantiza la seguridad y el rendimiento.
Jekyll es uno de los generadores de sitios estáticos más prácticos y populares que ha surgido como una alternativa a otras soluciones de blogs y sitios web como WordPress. Si bien WordPress se ha convertido en una solución completa, su amplia gama generalmente supera las necesidades del usuario. Jekyll, por otro lado, es una alternativa ligera que aborda el problema.
Jekyll es una solución liviana para blogs y sitios web de empresas porque solo incluye los componentes más necesarios. Por lo tanto, es posible operar sitios web sin necesidad de software adicional y archivos adjuntos innecesarios como una base de datos.
Jekyll se ejecuta en Ruby y aprovecha el poder del lenguaje Markdown. Alimentas a Jekyll con el texto escrito en Markdown, eliminando la necesidad de escribir HTML. Tiene varios temas incorporados que proporcionan CSS automáticamente. Si lo desea, puede modificar la configuración predeterminada del tema o utilizar el enorme ecosistema de temas de Jekyll que pueden controlar y diseñar la estructura de su contenido. Con cientos de temas gratuitos y premium disponibles, hay algo para cada tipo de proyecto de sitio web.
Un ejemplo de tema de Jekyll que puede usar con facilidad es el que ofrece Creative Tim en colaboración con Jekyll Themes . Puede usar el tema Jekyll del sistema de diseño Bootstrap premium y gratuito para su blog o un sitio web completo utilizando más de 1100 elementos, 43 secciones y 17 páginas de ejemplo.
Ventajas de usar Jekyll
Jekyll tiene las siguientes ventajas sobre otros generadores de sitios:
- Menor tiempo de carga del sitio
- No es necesario mantener CMS y bases de datos
- No son necesarias actualizaciones regulares de seguridad
- No depende de herramientas adicionales y formatos específicos
- Más fácil de integrar con sistemas de control de versiones como Git.
- Es posible el alojamiento propio en servidores GitHub
- Libertad para la programación puede elegir cualquier GUI o editor
¿Cómo iniciar y lanzar rápidamente su sitio web usando Jekyll?
Requisitos:
- Ruby versión 2.0.0 o superior, incluidos todos los encabezados de desarrollo.
- Gema para administrar los paquetes de Ruby
- Bundler para crear los paquetes Ruby
- Un IDE para fines de desarrollo web.
- Un repositorio de GitHub para guardar el código.
- Conocimientos básicos de HTML y CSS
- Conocimientos básicos de línea de comandos
Instalación (para Windows)
1. Instale la versión Ruby+Devkit desde RubyInstaller . Configure las opciones predeterminadas para la instalación.
2. Ejecute el siguiente comando en la última etapa del proceso de instalación, para instalar gemas con extensiones nativas:
instalación ridk
3. Instale Jekyll y Bundler ejecutando el siguiente comando:
joya instalar paquete jekyll
Para verificar si Jekyll está correctamente instalado, ejecute el siguiente comando:
jekyll -v
Instalación (para Mac):
1. Verifique que tenga instaladas las herramientas de línea de comandos de XCode en su computadora ejecutando el comando gcc -v . Aparece un mensaje que le pregunta si desea instalarlo. Alternativamente, puede ejecutar el siguiente comando para instalar XCode:
xcode-seleccionar –instalar
2. Compruebe si Ruby está instalado ejecutando ruby -v . De manera predeterminada, Ruby debe instalarse en las computadoras OSX. Si tiene una versión anterior a la 2.0.0, actualícela ejecutando el siguiente comando:
sudo joya instalar ruby
3. Instale el administrador de paquetes Bundler que instala las dependencias de Jekyll ejecutando el comando:
paquete de instalación de gemas sudo
4. Cree un directorio con un archivo llamado Gemfile (sin ninguna extensión). Escriba el siguiente contenido en el archivo y guárdelo:
gema ‘páginas de github’
fuente ‘https://rubygems.org’
Ejecute el siguiente comando en el directorio que contiene el Gemfile:
paquete de instalación
El comando se ejecuta durante un tiempo e instala paquetes de gemas.
Inicio y lanzamiento rápidos de su sitio web con Jekyll
1. Inicialice un nuevo proyecto ejecutando el siguiente comando:
jekyll nuevo jekyll_project
2. Vaya al directorio del proyecto y ejecute el siguiente código:
servicio de jekyll
Este comando compila los cambios realizados en cualquier archivo, excepto el archivo de configuración, en un HTML estático.
3. Navegue a la URL https://localhost:4000 para ver el sitio web predeterminado.
Jekyll procesa fácilmente archivos SCSS (Sass) a CSS (.scss – > .css) y Markdown a HTML (.md – > .html) sin necesidad de comandos de terminal adicionales. La estructura del archivo consta de lo siguiente:
- La carpeta de “distribución” se llama _site y es generada por Jekyll, eliminada y sobrescrita cada vez que se ejecuta el comando jekyll serve .
- La carpeta _sass consiste en parciales de Sass, y cada archivo presente allí cumple con la carpeta css .
- Los archivos o carpetas colocados en el directorio principal se compilan tal como están en el directorio _site . Puede colocar sus archivos .md aquí en el orden deseado, para convertirlos a HTML.
Sitio de páginas de Jekyll y GitHub
Jekyll también se puede usar para personalizar aún más su sitio de Páginas de GitHub, ya que ofrece soporte integrado para Páginas de GitHub. Puede alojar un sitio Jekyll de forma gratuita utilizando Pages. Puede:
- Crear un sitio de páginas de GitHub con Jekyll
- Pruebe su sitio de Github Pages localmente con Jekyll
- Agregue contenido a su sitio de Páginas de GitHub usando Jekyll
- Configure el procesador de rebajas para su sitio de Páginas de GitHub usando Jekyll
- Agregue temas a su sitio de Páginas de GitHub usando Jekyll
- Solucione los errores de compilación de Jekyll para los sitios de Páginas de GitHub.
El tema Argon Jekyll de Creative Tim es compatible con el alojamiento gratuito de sitios en GitHub Pages, sin necesidad de complementos no nativos. El tema es una colaboración entre Creative Tim y Jekyll Themes y le ofrece soporte personalizado y documentación extensa para todos sus problemas específicos de Jekyll.
