Crea tu blog con Hugo y Gitlab Pages

Anteriormente ya vimos como crear un blog estático mediante Jekyll y Gitlab Pages, también vimos como obtener tu propio certificado para ese mismo blog. En el articulo de hoy vamos a ver como utilizar Hugo y Gitlab Pages para crear tu propio blog.

Creando un grupo para el proyecto

Inicia sesión en tu cuenta de Gitlab y pulsa en la opción Grupos > Tus Grupos del menú superior

Si vamos a alojar varios proyecto en Gitlab, podemos asignar un proyecto a cada grupo (un blog en Hugo para un grupo, otro blog en Jekill a otro grupo) y de esta forma cada proyecto ( blog ) del grupo podrá tener _su propio dominio _gitlab.io__

Pulsa en el botón Nuevo Grupo

Pon un nombre al grupo y una descripción, puedes añadir un avatar al grupo si lo deseas,si el grupo va a ser público o privado, etc..

Cuando termines pulsa en el botón Create Group

Una vez creado el grupo vamos a crear un nuevo proyecto para ese grupo, pulsamos en el botón Nuevo Proyecto

Creacion del proyecto (blog)

Ahora pulsamos en la pestaña Create from template

Seleccionamos la plantilla Pages Hugo y pulsamos en el botón Utilizar Plantilla

Pon un nombre al proyecto y una descripción, puedes añadir un avatar al proyecto si lo deseas, y si el proyecto va a ser público o privado.

Cuando termines pulsa en el botón Create project

Crear el nuevo sitio nos llevará unos segundos

Cuando finalice tendremos una pantalla parecida a esta

Todavía no hemos terminado aún debemos de desplegar el proyecto, para ello en el menú de la izquierda pulsamos en CI/CD > Pipelines y pulsamos en Ejecutar Pipeline

En la pantalla que aparece volvemos a pulsar sobre Ejecutar Pipeline

Vemos como se empieza a desplegar el proyecto en el servidor

Cuando haya terminado podemos ir a la url del proyecto (blog) desde el menú Configuración > Páginas

Espera unos minutos hasta que sitio esté disponible, no es inmediato

Añadiendo el dominio .gitlab.io al proyecto

Podemos añadir el dominio nombre-del-proyecto.gitlab.io para que nuestro blog sea más accesible

Desde menú Configuración > General pulsamos en el botón Expandir

En la sección Cambiar Ruta añadimos el nombre del grupo y el dominio gitlab.io y pulsamos en Cambiar Ruta

Podemos ver como ahora el nombre de dominio es el del proyecto.gitlab.io

Al igual que antes, deberemos de esperar unos minutos para poder ver el blog con la nueva url

Espero que te haya gustado pasa un buen día… 🐧