Crea tu propio blog gratuito con Jekyll y Github

Hoy en Gurú Tecno aprenderemos a usar Jekyll, ya que como plataforma bloggin es excelente. Voy a comentar primero que nada las cosas buenas, las malas, y todo lo que he aprendido en esta semana sobre Jekyll. Comentar que tal fue y dar mi opinión personal y subjetiva.

¿Qué es Jekyll?

Jekyll es una herramienta que permite crear blogs estáticos. Parecido a HTML5. La diferencia es que está basado en Ruby. El creador ha sido Tom Preston-Werner quien fue o es, uno de los creadores de Github. Por lo tanto, esta herramienta se integra perfectamente con Github. Algunos usuarios o bloggers, dirán que Jekyll no es muy flexible pero yo creo que con un poco de conocimiento y algo de tiempo, esta herramienta se transformará en un amigo para toda tu vida.

Lo Bueno y lo Malo

Lo bueno de esta plataforma:

• Se puede tranquilamente alojar en github de manera gratuita.
• Es muy fácil de publicar contenido y muy rápido.
• Es absolutamente mucho más rápido y ligero que otros sitios webs ya que no posee base de datos.
• Se puede trabajar tranquilamente con JS, CSS, Boostrap, y además HTML5.
• Se aprende mucho código en el camino.

Ahora, lo que desde mi punto de vista no es tan positivo:

• Es difícil de configurar en una primera instancia, para alguien que jamás programó una web.
• No hay mucha información en español acerca de Jekyll, y su documentación está en Inglés.
• No hay una cantidad significativa de templates o plantillas.
• Si da el caso de que te aparezca un error, te vuelves loco buscando de dónde viene.

Preparando tu ordenador para Jekyll

• Es necesario una cuenta GitHub obviamente. Si aún no posees una cuenta, te dejamos el link aquí para que puedas crear una: Github.

Instalación de Jekyll

En Debian/Ubuntu y derivados:

$ sudo apt-get install git ruby jekyll

Configuración básica

 $ git config --global user.name "nombre_usuario"
 $ git config --global user.email email_id

Presten atención el que usuario va dentro de las comillas, y el email no.

Luego, procedemos a crear el repositorio

Para crear el repositorio es necesario que exista previamente en github. Hacerlo es sencillo, solo hace falta crear la cuenta y luego ir a New Repository. Seguido solo creas tu github de una manera sencilla: “tuusuario”.github.io

Creamos el repositorio en nuestro ordenador

 $ git init tuusuario.github.io

Ahora viene lo importante

Ahora tenemos dos opciones: Si son ciertamente hábiles o saben programar en HTML5, este paso deberían saltarlo. Si no cuentan con el conocimiento de programación, simplemente siguen al detalle del artículo.

• Nos dirigimos a este sitio web y descargamos algún template o plantilla que nos guste o nos convenga.

Están todas en formatos .zip, así que extraigan la carpeta en el directorio de su git: /User/Home/usuario.github.io/

Una vez dentro del directorio verán unas carpetas y no entenderán nada. Así que lo explicaré de la mejor manera posible:

• /_includes Directorio del cuerpo de la pagina.
• /_layouts Directorio del cuerpo de la pagina.
• /_posts Directorio en donde van las entradas.
• /_css o /scss Directorio donde están los css.
• /_img o /images Directorio donde van las imágenes.
• /_config.yml El archivo de configuración.
• /404.md La pagina del error 404.
• /CNAME Enlace a un dominio.
• /about.md La pagina “acerca de”.
• /index.html La pagina de inicio.

¡Ahora vamos a lo importante y lo que nos gusta!

Editar el blog

Aquí lo importante es LEER. Es necesario leer mucho ya que la mayoría del texto estará en inglés. Abrimos nuestro archivo _config.yml Y editan con lo necesario. Esta sección es bastante intuitiva, así que no será difícil configurarla.

En este momento no voy a explicar todo sobre Jekyll, pero sí voy a aprovechar a aclarar algo. Cuando estén editando el archivo _config.yml… No vayan directo a abrir el servidor local. Más bien, traten de editar todos los archivos que terminen en .md (estos son archivos Markdown, los cuales si editas simplemente los html o index, los .md modifican automáticamente los html, y no veras los cambios hechos en el html hasta que edites los -.md)

Ahora, cuando hayas terminado todo. Vamos a subir el blog a Github:

  $ git add --all
  $ git commit -m "Mensaje que quieras mostrar"
  $ git push -u origin master

Te pedirá el usuario y la contraseña, y si todo sale bien… Ya tendrás tu sitio web alojado en github:

Ahora solo irás a tuusuario.github.io y listo.

¿Te parece algo complicado usar Jekyll? No te preocupes, pronto subiré una segunda parte sobre cómo editar los archivos CSS, HTML y JS para que tengas un blog con tu propio toque personal.

Síguenos en Facebook o en Twitter para estar informado de la última hora o si tienes instalado Telegram de nuestro canal oficial para no perderte nada de lo que publicamos.