Tiempo de lectura: 1 minuto

¿Como trabajar con Jekyll?

Por Nestor Mata Cuthbert

Ya que entendemos porque puede ser una opción razonable trabajar con Jekyll ahora puedo explicarles como fue que lo hicé.

Instalación y configuración de Jekyll

No pienso repetir lo que se encuentra en el sitio oficial, así que para las instrucciones básicas de instalación pueden revisar la guía.
El código completo de mi blog puede verse en mi repositorio en GitHub.

Estructura de directorios

Preferí separar el codigo de la configuración para lo cual moví el archivo de configuracion _config.yml al directorio raíz y el código del sitio a /src además de mover el destino al directorio /build, de esta manera puedo tener mi codigo más ordenado.

Para que esto tenga efecto tuve que modificar las opciones en el _config.yml de la siguiente manera:

source:       ./src
destination:  ./build
layouts:      ./_layouts
plugins:      ./src/_plugins

De manera que el codigo queda estructurado como a continuación:

/
|- _layout.yaml
|- /src
|  |- .htaccess
|  |- index.html
|  |- robots.txt
|  |- humans.txt
|  |- 404error.html
|  |- rss.xml
|  |- sitemap.xml
|  |- /_assets
|  |  |- /css
|  |  |- /js
|  |- /_data
|  |- /_drafts
|  |- /_posts
|  |- /_layouts
|  |- /_includes
|  |- /_components
|  |- /_locales
|  |- /_plugins
|  |- /images
|  |- /es
|  |  |- index.html
|  |  |- rss.xml
|  |  |- /_drafts
|  |  |- /_posts
|- /build

Note: Algunos de estos archivos y directorios serán explicados más adelante en la serie.

Beneficios de esta estructura:

  • La configuración queda en un directorio raíz junto con cualquier archivo que necesite y que no se requiera ser exportado junto con el sitio.
  • El codigo esta en un directorio /src y los archivos generados quedan en el directorio /build.
  • Dentro del directorio de cada lenguaje adicional al default tengo un directorio para posts y drafts (luego explicaré como trabajar con diferentes lenguajes).
  • Los archivos JavaScript y CSS serán preprocesados para SASS, unirlos, minificarlos y comprimirlos (luego explicaré como se logra esto).
  • Los componentes quedan separados, por ejemplo los archivos de Foundation.

Pronto la continuación de esta serie con más detalles.

Suscribase

* campo requerido

 RSS Feed

Renovado!

Completamente renovado, más rápido y mejorado.
Este blog fue hecho de nuevo desde cero cambiando las tecnologías.
Ahora usa Jekyll, SASS, Foundation, Node.js, AJAX y ESI.
Suscribase para saber cuando explico como fue creado.