Crear un sitio web estático con Jekyll es una excelente manera de construir un sitio web rápido, eficiente y fácil de mantener. Jekyll es un generador de sitios web estáticos que utiliza Markdown, HTML, CSS y Liquid (un lenguaje de plantillas) para construir páginas web dinámicas de manera estática. Aquí tienes una guía paso a paso para empezar con Jekyll:
Paso 1: Instalar Jekyll
- Requisitos previos: Asegúrate de tener Ruby instalado en tu sistema. Puedes verificar la instalación de Ruby ejecutando
ruby -v
en tu terminal. - Instalar Jekyll: Abre tu terminal y ejecuta el siguiente comando para instalar Jekyll a través de RubyGems (el administrador de paquetes de Ruby):
Paso 2: Crear un nuevo proyecto Jekyll
- Crear un nuevo sitio Jekyll: Navega hasta el directorio donde deseas crear tu sitio web y ejecuta el siguiente comando para crear un nuevo proyecto Jekyll:
- Navegar al directorio del sitio: Ve al directorio recién creado:
Paso 3: Personalizar tu sitio web
- Explorar la estructura del proyecto:
/_config.yml
: Archivo de configuración principal donde puedes ajustar la configuración del sitio./assets
: Carpeta para almacenar archivos estáticos como imágenes, CSS y JavaScript./pages
: Carpeta donde puedes agregar páginas estáticas./posts
: Carpeta donde puedes agregar publicaciones de blog (utilizando el formato de nombres de archivoYYYY-MM-DD-nombre-del-articulo.md
).
- Editar configuraciones y contenido:
- Edita
/config.yml
para configurar detalles como el título del sitio, la descripción, etc. - Agrega contenido en formato Markdown (
.md
) en la carpeta/pages
o/posts
.
- Edita
Paso 4: Ejecutar el servidor local
- Iniciar el servidor local: Ejecuta el siguiente comando para iniciar un servidor local y previsualizar tu sitio web:
- Acceder al sitio web: Abre tu navegador web y navega a
http://localhost:4000
para ver tu sitio web en vivo.
Paso 5: Personalizar el diseño
- Seleccionar un tema: Jekyll admite temas que puedes integrar en tu proyecto. Puedes encontrar temas gratuitos en sitios como Jekyll Themes o GitHub Jekyll Themes.
- Integrar un tema: Descarga el tema que te guste y sigue las instrucciones de instalación proporcionadas por el creador del tema.
Paso 6: Implementar tu sitio web
- Compilar tu sitio web: Cuando estés listo para implementar tu sitio, ejecuta el siguiente comando para compilar tu sitio web en archivos estáticos:
- Subir archivos estáticos: Sube los archivos generados en la carpeta
_site
a tu servicio de alojamiento web preferido.
¡Listo! Ahora has creado un sitio web estático con Jekyll. Puedes continuar personalizando y ampliando tu sitio web utilizando las características y funcionalidades ofrecidas por Jekyll y su comunidad.