Crea tu blog con Hugo y Gitlab Pages

2019-09-16

Índice

  1. Creando un grupo para el proyecto
  2. Creacion del proyecto (blog)
  3. Añadiendo el dominio .gitlab.io al proyecto

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

img

Pulsa en el botón Nuevo Grupo

img

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

img

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

img

img

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

img

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

img

Crear el nuevo sitio nos llevará unos segundos

img

Cuando finalice tendremos una pantalla parecida a esta

img

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

img

En la pantalla que aparece volvemos a pulsar sobre Ejecutar Pipeline

img

Vemos como se empieza a desplegar el proyecto en el servidor

img

img

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

img

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

img

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

img

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

img

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

img

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

img

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


Ingrese la dirección de su instancia