/ Jekyll

Jekyll - Instalar y Crear un Proyecto

Jekyll es un generador de páginas webs estáticas diseñado para la creación de blogs, es Open Source y esta desarrollado en el lenguaje de programación Ruby.

Jekyll funciona perfectamente con GitHub Pages, por ejemplo este blog esta creado con Jekyll y alojado en los servidores de GitHub Pages de forma gratuita.

Importante: las gemas que no sean parte de core de Jekyll no funcionaran en GitHub Pages.

Página Oficial de Jekyll

Esta página contiene la documentación oficial y más.

Jekyll

Preparando la Instalación de Jekyll

Nota: la instalación de las gemas y la creación del proyecto se realizara desde la linea de comandos.

Primero: tenemos que tener instalado Ruby en nuestro sistema operativo.

Pasos para la instalación de Ruby en Windows 10.


Segundo: vamos a instalar las gemas Jekyll y Bundler con el siguiente comando.

$ gem install jekyll bundler

Para ver la versión de Jekyll instalado ejecuta el siguiente comando.

$ jekyll -v

Versión de Jekyll


Tercero: una vez instalado las gemas Jekyll y Bundler, vamos a crear nuestro primer proyecto hecho con Jekyll, para crear un nuevo proyecto ejecutamos el siguiente comando.

Accede desde la linea de comandos al disco local ó carpeta donde quieres que se aloje tu proyecto.

$ jekyll new blog-jekyll && cd blog-jekyll

Una vez creado el proyecto Jekyll se apreciara una estructura de archivos similar a esto.

.
├── /_posts
|     ├── *.markdown
├── /css
|     ├── main.scss
├── .gitignore
├── _config.yml
├── about.md
├── feed.xml
├── Gemfile
├── Gemfile.lock
└── index.html

Cuarto: ahora vamos a correr nuestro servidor local para ver nuestro proyecto en funcionamiento.

$ bundle exec jekyll serve

Quinto: accede al navegador que uses y en la caja de direcciones url escribe localhost:4000, para ver tu proyecto en marcha.

localhost

Bueno mis amigos ahora ya podrán realizar la personalización y configuración en su proyecto Jekyll.

Luis Rene Mas Mas

Luis Rene Mas Mas

Soy desarrollador front-end, me encanta las nuevas tecnologías web, administrar este blog es mi pasatiempo favorito.

Leer Más