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.