Lo que he aprendido: Jekyll para hacer un blog en GitHub pages

¿Recordáis que me aburrí en verano e hice una web de pan? Pues sigo con el tema, ahora es cuando entra en juego Jekyll, un generador de sitios estáticos. Es muy majo él y nos crea la web sin ni siquiera tener que instalarlo. Lo único que tenemos que tener en cuenta es que necesita esta estructura de archivos para crear la web (de su documentación):

.
├── _config.yml
├── _drafts
|   ├── begin-with-the-crazy-ideas.textile
|   └── on-simplicity-in-technology.markdown
├── _includes
|   ├── footer.html
|   └── header.html
├── _layouts
|   ├── default.html
|   └── post.html
├── _posts
|   ├── 2007-10-29-why-every-programmer-should-play-nethack.textile
|   └── 2009-04-26-barcamp-boston-4-roundup.textile
├── _data
|   └── members.yml
├── _site
├── .jekyll-metadata
└── index.html

Como la lógica indica, en _layouts meteremos las plantillas y en _posts las entradas. Para los posts es bastante maniático y nos obliga poner el nombre en formato AAAA-MM-DD-slug. El crea la web en _site

Para entender mejor cómo va el tema podéis echarle un ojo a mi web, no porque esté especialmente bien sino porque es tan sencilla que la entiende un mono. Aquí tenéis el código de la web y aquí el resultado.

De momento os dejo que investiguéis por vuestra cuenta, en el futuro iré escribiendo entradas con lo que voy averiguando 😀

Más

Documentación de Jekyll

Crear una web con GitHub pages

Usar Jekyll en GitHub pages

Estructura de los documentos en Jekyll

Personalizar una GitHub page

Ejemplo de _config

Crear un blog con Jekyll

Anuncios

2 pensamientos en “Lo que he aprendido: Jekyll para hacer un blog en GitHub pages

  1. Pingback: El 2016 | Onda Hostil

  2. Pingback: Compilación: GitHub Pages y Jekyll | Onda Hostil

¡Opina sin miedo! (Puedes usar Markdown)

Introduce tus datos o haz clic en un icono para iniciar sesión:

Logo de WordPress.com

Estás comentando usando tu cuenta de WordPress.com. Cerrar sesión / Cambiar )

Imagen de Twitter

Estás comentando usando tu cuenta de Twitter. Cerrar sesión / Cambiar )

Foto de Facebook

Estás comentando usando tu cuenta de Facebook. Cerrar sesión / Cambiar )

Google+ photo

Estás comentando usando tu cuenta de Google+. Cerrar sesión / Cambiar )

Conectando a %s