Crear un blog con jekyll y github pages

En este tutorial hablaremos de cómo hacemos en Import Coffee para tener un blog así como las herramientas, software y servicio que empleamos para ello.

Github

Usamos Github como servicio web para hostear tanto la web como el blog. Cabe destacar que github solo ofrece la oportunidad de soportar paginas webs estaticas.

Jekyll y jekyll admin

Para la creación y administración del blog nos ayudamos de Jekyll el cual está basado en el lenguaje ruby y automatiza el ensamblaje de todo el contenido del blog. Además, también usamos la extensión de Jekyll admin para hacer más accesible a todos los miembros de la asociación la publicación y administración de esta web.

Instalar Jekyll

Jekyll puede ser instalado en cualquier sistema, en este enlace podrás encontrar las instrucciones necesarias para instalar Jekyll.

Primeros pasos

Una vez ya hemos instalado Jekyll iniciaremos un nuevo proyecto llamado blog ingresando el siguiente comando:

jekyll new blog

Tras crear el nuevo proyecto, iremos a la carpeta del proyecto recién creado:

cd blog

Por último, podremos ver una pre visualización de la página ejecutando el siguiente código en el terminal:

bundle exec jekyll serve

Una vez ejecutado, nos dirigiremos a la siguiente dirección http://127.0.0.1:4000/ dentro del navegador.

Y veremos la página web.

En el caso de que no te guste el tema predefinido de jekyll, puedes descargarte temas alternativos y open source.

Jekyll admin

Jekyll admin nos permite administrar el blog así como crear posts de forma más sencilla gracias a su interfaz gráfica.

Para instalarlo, tendremos que ir a la carpeta donde está situado nuestro blog y añadir la siguiente línea al archivo “Gemfile”:

gem 'jekyll-admin'

Tal y como podemos observar en la siguiente imagen:

Guardamos los cambios y ejecutamos la siguiente línea en el terminal:

bundle install

Produciendo la siguiente salida:

Tras esto, ejecutamos nuevamente la sentencia:

bundle exec jekyll serve

Y ya podremos acceder a Jekyll admin. Para ello, iremos a la dirección http://127.0.0.1:4000/admin/ y veremos la siguiente interfaz:

En la parte de Posts encontraremos todo lo relacionado a las entradas del blog, permitiendo modificar o crear entradas nuevas:

Independientemente de lo que hagas, Jekyll admin nos presentara la siguiente interfaz para editar/crear las entradas:

En los próximos tutoriales hablaremos de como subir a internet nuestro blog usando Github de forma gratuita.