23531 Porter Cir, Laguna Nigel, CA
866 492 - 0165
Clickevents4u@gmail.com
Follow Us:

Creación de sitios web estáticos con Jekyll: Una guía paso a paso para crear sitios web estáticos con Jekyll:

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

  1. Requisitos previos: Asegúrate de tener Ruby instalado en tu sistema. Puedes verificar la instalación de Ruby ejecutando ruby -v en tu terminal.
  2. 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

  1. 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:
  2. Navegar al directorio del sitio: Ve al directorio recién creado:

Paso 3: Personalizar tu sitio web

  1. 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 archivo YYYY-MM-DD-nombre-del-articulo.md).
  2. 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.

Paso 4: Ejecutar el servidor local

  1. Iniciar el servidor local: Ejecuta el siguiente comando para iniciar un servidor local y previsualizar tu sitio web:
  2. 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

  1. 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.
  2. 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

  1. 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:
  2. 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.

Deja una respuesta

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *