Generando una web con jekyll (I)

logo-2x

 

Tal y como había prometido, vamos a profundizar en los generadores de webs estáticas. En esta serie de posts que iniciamos hoy vamos a construir una web, un blog de hecho, utilizando jekyllrb en el que las páginas estarán alojadas en nuestra cuenta de Github.
Los pasos que vamos a seguir y que vamos a ver en este primer post son:

  1. Instalar jekyllrb.
  2. Poner en marcha nuestro blog de ejemplo.

Pasos muy fáciles e introductorios que no nos llevarán más de 20 minutos, si no encontramos ningún inconveniente. Pero antes, repasemos por qué utilizar jekyllrb, enumerando algunas de sus ventajas.

Algunas ventajas de jekyllrb

Algunas de las mejoras que jekyllrb introduce sobre otros sistemas de gestión de contenido (CMS) son:

  • es más simple trabajar escribiendo el contenido en Markdown y que jekyllrb se encargue de generar las páginas.
  • es más rápido ya que sirve páginas estáticas.
  • la funcionalidad es minimalista, sin plugins ni aplicaciones innecesarias.
  • esta simplicidad nos deja más tiempo para trabajar en el diseño de las plantillas
  • es más seguro al eliminar las dependencias de otros CMS, como Mysql para almacenar los datos o el código PHP.
  • el hosting está solucionado de manera fácil si ya tienes cuenta de github.

En resumen, Jekyll convierte contenido escrito en Markdown a través de las plantillas que creamos, y lo convierte en páginas html estáticas.

Instalando jekyllrb

Instalar jekyllrb es bastante fácil. Simplemente tenemos que ejecutar el comando (Nota: suponemos que estamos en un entorno de desarrollo basado en Ubuntu Linux y que cumplimos los requisitos necesarios para ejecutarlo. Si no es así, la ayuda de instalación de la página de jekyllrb explica claramente como proceder).

Ejecutamos el comando:

Todas las dependencias de jekyll y el propio jekyll se instalan con ese comando. (Nota: Si hay algún problema, vuelvo a recomendar la excelente documentación de la web de jekyllrb, que tiene una guía con posibles errores. Y si no, buscando seguro que a alguien le ha pasado antes tu error 🙂

Creando y arrancando nuestro blog

Ya tenemos jekyllrb instalado. Vamos a crear nuestra primera página de nuestro blog de ejemplo.
Primero creamos nuestro proyecto jekyll con el comando:

Eso crea un proyecto que es un blog. Podemos verlo si entramos al directorio y mandamos a jekyll que sirva el contenido.

Si vamos a http://127.0.0.1:4000 veremos nuestro blog jekyll en marcha

jekyll blog de ejemploYa tenemos en marcha jekyll en nuestro entorno de desarrollo. El siguiente paso es empezar a generar nuestro contenido, bien aprovechando este ejemplo o bien diseñando nuestras propias plantillas. Pero eso es tema para nuestro próximo post sobre jekyllrb.

En el próximo post (Nota de Jose: que prometo que no tardará 2 meses 🙂 veremos como generar contenido y cambiar el diseño de nuestro blog.

Speedin !

Referencias :

http://www.smashingmagazine.com/2014/08/01/build-blog-jekyll-github-pages/
https://www.ostraining.com/blog/coding/static-site-generators/

 

Speedin !

Be Sociable, Share!

About jose