Crea tu propio blog gratuito con Jekyll y Github

1
518

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.

Cómo obtener la contraseña WiFi que tienes memorizada en tu ordenador con Windows 10


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.

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:

Editando archivo .md
  • /_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.

Tutorial: Desactiva el autorun de los dispositivos y evita ser infectado por virus y malware


¡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.