Jekyll + Github

Reading time ~2 minutes

Jekyll como alternativa a Blogger y Wordpress

Cuando me decidí a crear este blog empecé mirando herramientas como Blogger y Wordpress. Estudié las plantillas, formato de edición y en el caso de Wordpress también proveedores y costes.

Sin saber bien como fui a dar con Jekyll y toda la gama de blogging estático y generacion de contenido estático

¿Por qué Jekyll?

Me interesé por la generación de contenido estático principalmente por:

  1. Crear un blog sin una base de datos por detrás y basado en contenido estático, algo tan simple como html + css + Javascript.
  2. La limpieza del código html generado.
  3. La posibilidad de aplicar este conocimiento y forma de generar html a otros proyectos web.

Jekyll no es la única herramienta con la que generar html, lo que la hace particular es que Github crea automáticamente el contenido estático del blog a partir de contenido almacenado en el control de versiones.

Cómo funciona Jekyll

Jekyll convierte en un sito estático plantillas de Markdown o Textile y Liquid. También soporta front-end frameworks como Bootstrap

Después de instalar Jekyll y para empezar a crear nuestro blog, se puede hacer un fork de alguna plantilla que nos guste y esté disponible en Github o simplemente descargarla en la carpeta que vayamos a emplear en nuestro disco.

También podemos crear una plantilla desde cero.

Está programado en Ruby, pero esto no es un problema, no necesitáis saber Ruby, es muy intuitivo todo. Simplificando mucho, esto es tan sencillo como una carpeta con una estructura de archivos donde hay una subcarpeta llamada posts que es de donde Jekyll toma los documentos que convertirá en posts de nuestro blog.

GitHub + Jekyll

https://help.github.com/articles/using-jekyll-with-pages/

Para que github genere en username.github.io tu blog o sitio estático, a partir de un sistema de archivos en formato Jekyll, debes crear una rama llamada gh-pages. Cada vez que hagas push a esta rama, GitHub generará una versión estática del contenido de dicha rama.

Publicación en Github de un blog hecho en Jekyll

Pros

  • Documentos limpios y plantillas sencillas.
  • Generación de contenido estático: rápido, fiable, barato…Se aloja en cualquier servidor de archivos. No hay mantenimiento, ni vulnerabilidades.
  • Como es html, lo puedes llevar hasta en un pendrive.
  • Pese a todo el trabajo que haga jekyll por detrás, sólo se edita texto plano.
  • Posibilidad de extender y adaptar si sabes programar.

Cons

  • No es intuitivo para los que no están habituados a programar.
  • La edición de posts requiere entender sistemas de marcado como Markdown o Textile, que no son difíciles. No hay que tener alergia a la consola o las configuraciones en texto. Por ejemplo meter una imagen requiere moverla a la carpeta y luego enlazarla. Un título se crea poniendo “#” Delante de la frase.
  • Para crear un nuevo post hay que publicar el nuevo contenido, no es como darle a un botón. Si se emplea Github, se pueden editar archivos existentes, pero para crear nuevos posts hay que hacer push.
  • No tiene la riqueza de plugins de Wordpress. Por ejemplo para comentarios hay que emplear Discuss.

Conclusiones

Como he dicho al principio, es una forma barata y eficaz de tener un blog. He aprendido mucho acerca de la generación de contenido estático y una vez que le coges el truco no se me hace difícil el editar los posts. Aunque sigo adelante he de advertir que esto no es para gente que no sea habilidosa con la consola, Git…

Nos vemos en los siguientes posts. ;-)

Logo Jekyll Logo Github + Jekyll

Elastic IPs from EC2-Classic to EC2-VPC

Amazon AWS. Elastic IP from EC2-Classic to EC2-VPC Continue reading

Codenvy + Spring Pet Clinic

Published on February 05, 2016

Spring, conceptos básicos

Published on January 20, 2016