Cómo alojar su blog de forma gratuita con las páginas de Jekyll y GitHub

Si está buscando iniciar un blog, es probable que el primer nombre que encuentre sea WordPress. Hay una razón para eso. WordPress es increíblemente flexible e impulsa sitios web grandes y pequeños. La cuestión es que no todos los sitios web necesitan una infraestructura tan poderosa, especialmente un blog simple.

Hay disponibles opciones más pequeñas, más simples y más baratas. Páginas de GitHub, por ejemplo, es gratuito para uso personal. Combina eso con Jekyll, un generador de sitios estáticos, y tienes todo lo que necesitas para un blog. Aún mejor, es gratis.

Antes de empezar

Ejecutará Jekyll en su propia computadora, y solo macOS y Linux son oficialmente compatibles. Cubriremos ambos sistemas operativos aquí, y las instrucciones de Linux pueden funcionar con el Subsistema de Windows para Linux con Ubuntu. Dicho esto, no ha sido probado.

También querrá tener acceso a un buen editor de texto. TextEdit o GEdit servirán, pero es posible que desee algo más sólido. Hemos echado un vistazo a varios excelentes editores de texto multiplataforma en el pasado.

Cosas que debes saber

Debería tener al menos una familiaridad pasajera con la línea de comandos. También será necesario estar familiarizado con git y GitHub. Si no está familiarizado, tenemos una guía para git y la propia documentación de GitHub es excelente.

github-pages-jekyll-launch

Finalmente, Jekyll utiliza Markdown, que le permite escribir en texto plano pero presentar su contenido en HTML al usuario. Debe estar familiarizado con Markdown, o al menos estar dispuesto a aprenderlo. Esto puede parecer abrumador, pero Markdown es fácil de aprender (incluso tenemos una hoja de trucos para ello).

Instala Jekyll y sus dependencias

Esto se ha probado en macOS Mojave y Ubuntu 18.04. Si está ejecutando otra versión de cualquiera de los sistemas operativos, es posible que deba consultar el sitio web de Jekyll para obtener más información.

Mac OS

Antes de poder instalar Jekyll, debe instalar las herramientas de línea de comandos de XCode con el siguiente comando:

Seleccione Instalar y espere a que se complete el instalador. Ahora puede instalar Jekyll y Bundler:

Cuando ejecute este comando, verá una advertencia similar a la siguiente:

WARNING: You don't have /Users/YOURNAME/.gem/ruby/2.3.0/bin in your PATH, gem executables will not run.

Anote el número de versión. Suponiendo el mensaje anterior, ejecute los siguientes comandos, sustituyendo el número de versión correcto si difiere:

Ubuntu

Antes de instalar Jekyll, deberá instalar las herramientas de compilación con el siguiente comando:

Al igual que con macOS, queremos instalar y ejecutar desde el directorio de inicio en lugar de como root. Ejecute los siguientes comandos:

Ahora instale Jekyll y Bundler:

Pruebe su instalación de Jekyll

Para asegurarse de que todo esté en funcionamiento, ejecute lo siguiente:

Si todo se ha instalado correctamente, verá un mensaje con el número de versión. Si en cambio ves un mensaje como command not found, mira el Documentación de Jekyll.

Configura tu nuevo blog con Jekyll

Ahora que Jekyll está instalado, crear su nuevo blog es simple:

Puede usar el nombre que desee en el comando anterior en lugar de blog. Este es simplemente el nombre del directorio que crea Jekyll. Ahora cd al directorio que acaba de crear y ejecute el siguiente comando:

github-pages-jekyll-blog-in-browser

Esto abrirá su nuevo blog sobre la ejecución local en su computadora. Abra la URL que se muestra en su navegador para echar un vistazo al sitio. Como puede ver, hay trabajo por hacer. prensa Ctrl + C para detener.

Personaliza tu blog

Para editar el título del sitio y otra información, abra el directorio de su blog y edite “_config.yml”. Las diversas opciones aquí son bastante obvias. Ahora, si lo desea, puede editar su página de inicio, que es el archivo “index.md”, aunque esto es opcional.

github-pages-jekyll-config

Para comenzar a escribir su primera publicación de blog, abra la carpeta “_posts” y verá una publicación de muestra. Ábrelo y edítalo, o duplícalo para crear una nueva publicación.

Implementa tu blog en GitHub

Ahora que su sitio está configurado localmente, es hora de ponerlo en línea. Si aún no tiene una cuenta de GitHub configurada, regístrese e instale y configure git en su computadora. A continuación, cree un nuevo repositorio con el nombre username.github.io, reemplazando “username” con su nombre de usuario de GitHub.

github-pages-jekyll-repo-setup

Ahora abre tu terminal y cd a la carpeta de tu blog. Ejecute los siguientes comandos.

Ahora debería poder visitar username.github.io y ver su nuevo blog. Si no aparece de inmediato, espere unos minutos y vuelva a intentarlo.

Próximos pasos

Los pasos anteriores son solo los básicos para que pueda comenzar a trabajar. Jekyll tiene mucho que ofrecer, así que asegúrese de consulta la documentación. También hay un cantidad de temas disponibles para darle vida a la apariencia de tu blog.

También hay que seguir otros pasos con las páginas de GitHub. Habilitar el soporte HTTPS solía ser un proceso más complejo, pero ahora se puede hacer en la configuración de su repositorio. Configurar su propio nombre de dominio también es un proceso simple, y GitHub tiene una gran guía sobre cómo hacerlo.

Una última cosa a tener en cuenta es que es una buena idea verificar los cambios del sitio localmente antes de enviarlos a su repositorio. Simplemente ejecute el bundler comando que usamos anteriormente para ver su sitio en su computadora. Esto lo ayudará a detectar todo, desde errores tipográficos hasta errores de sintaxis de Markdown.

¿Es útil este artículo?

¡Ayúdanos a correr la voz!

Deja una respuesta

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *