Como subir tu proyecto Hugo a Netlify

Sat, 11 Nov 2023 00:00:00 +0000

Que es Hugo?

Hugo es un generador de sitios estáticos, muy veloz y sencillo de usar. Los sitios generados con Hugo se pueden alojar en distinto servicio de hosting, como: Neflify, Heroku, GoDaddy, GitHub Pages, Amazon S3,entre otros muchos más. Hugo es ideal para crear un blog, un sitio de cartera o de empresa y documentación.

Netlify

Es un servicio de host en la nube, permite subir proyecto de una manera tan simple y rápida. En tan solo unos poco click, ya tendremos listo nuestro proyecto en la internet.

Configurando nuestro proyecto Hugo

Una vez que tengamos listo nuestro proyecto para publicar, hay que hacer algunos cambios de los siguientes archivos, depende de tu proyecto Hugo o plantilla que escogiste.
config.toml o theme.toml

config.toml

1
2


 # Change baseurl before deploy
baseurl = "https://my-site-name.netlify.app"

theme.toml

1
2


 # Change baseurl before deploy
homepage = "https://my-site-name.netlify.app"

Lloguearse en Netlify

En mi caso estaré logueandome con mi cuenta de GitHub

Subir proyecto

Una vez logueado, buscado la opción de new site, hacemos click sobre el botón, y seleccionamos, importar un proyecto existente, el proyecto Hugo que deseamos subir, debe estar ya en dicho repositorio que usan.

Mi persona seleccionara Deploy with GitHub

Luego debemos buscar el proyecto que deseamos hacer el deploy.

Build settings

Una ves selecionado el proyecto, se debe configurar para que se pueda realizar correctamente el build del proyecto.

Base directory
Diremos que será la raíz del proyecto "/"
Build command
El comando que debe ejecutarse

1

 hugo --gc --minify

Publish directory
Aquí escribiremos la ruta del directorio donde están los posts del blog.
En Hugo por lo general están en la carpeta /content o dejar vacío por defecto.

Listo ya esta para realizar el deploy

Listo el proyecto Hugo ya esta.

Cambiar nombre

Netlify le asigna un nombre aleatorio al sitio que desplegamos, no dirigiremos a configuración del sitio y seleccionamos Cambiar nombre del sitio, ahí cambiamos al nombre que especificamos en la configuración de Hugo.

Listo ya está nuestro sitio con Hugo desplegado.

Hugo on TRXSALO