Inicio FORMACIÓN GEEK Crea tu propio blog gratuito con Jekyll y Github

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.

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.

Braian Diezhttp://n00b2h4ck3r.github.io
Estudiante de Hacker Ético en la Universidad Tecnológica Nacional de Buenos Aires, apasionado de Linux, Diseñador Web y programador en Android. Mi deporte favorito es mi preciada laptop, a la cual dedico alrededor de unas 14 horas diarias. Me gusta mucho la fotografía y además los erizos domésticos o africanos. Y como un plus, soy "experto" en TOR y la DeepWeb.

1 Comentario

Queremos conocer tu opinión. Deja un comentario...

Must Read

Huawei registra Ark OS en nuevos mercados, y eso significa independecia

El sistema operativo con el que Huawei quiere plantar cara a la versión de Android firmada por Google tras el veto de la Administración...

Xiaomi Mi 9T llega a España con un precio rompedor

Xiaomi lanza en España el Mi 9T, una versión ligeramente modificada del Redmi K20 que el fabricante ya comercializa en su país natal.

Google revela por sorpresa los nuevos diseños de la gama Pixel 4

Ha sido través de la cuenta de Twitter @madebygoogle como la compañía ha compartido un llamativo tweet en el cual se puede observar que...

Llega iCloud para Windows 10. Disponible desde Microsoft Store

La popular aplicación iCloud para Windows acaba de aterrizar en la Microsoft Store, facilitando el uso del servicio en nube de Apple en equipos...

Huawei P20 Lite 2019 filtrado por completo

Huawei P20 Lite 2019, es un nuevo smartphone que, aunque la compañía china aún no ha hecho oficial, sí ha aparecido...