How to reconfigure your website’s Hugo version in Netlify

Posted on Jan 17, 2023
tl;dr: Go to your Netlify account to update the HUGO_VERSION environment variable to the latest version of Hugo.

Introduction
Go to Netlify
Conclusion
Helpful Links

Introduction

I just updated my Hugo website to the latest release of Hugo.

I want to make sure that Netlify will continuously rebuild and redeploy my site.

My next step is to update the Hugo version on my Netlify account.

A must-have for continuous rebuild and redeploying is that the version of your Hugo site and your Netlify account’s HUGO_VERSION environment variable value must match.

Matching Hugo versions help to ensure that Netlify automatically and continuously deploys your website after you push your site’s local commits to your site’s repository on GitHub.

☝🏼

Go to Netlify

After updating to the latest release of Hugo, the last step was confirming your Hugo version in the command line interface (CLI).

If you haven’t confirmed your Hugo version yet, read how to do this in my article How to Update to the Latest Release of Hugo.

In my article’s Content Links, click the Confirm Hugo version link.

Log in to your Netlify account.

On your Team overview page, see the Sites module.

In this module, see your website’s thumbnail and name.

Click on the thumbnail (the entire row is also clickable).

You’re on the Site overview page.

In the module that has your site’s name and thumbnail, click Site Settings. The site settings button has an industrial wheel icon.

See a left panel that has the header General.

Click Build & deploy

Underneath Build & deploy, click Environment.

See the Environment variables module.

You’ll see something like what’s depicted in the image below.

Netlify Environment

Click the Edit variables button.

You’ll see something like what’s depicted in the image below.

Netlify Environment variables

The Key box already has the variable description HUGO_VERSION. Leave this as is.

In the Value box, click on the eye icon so that the box unhides the related version number.

You’ll see something like what’s depicted in the image below.

Netlify Hugo version value

Revise the numbers in the Value box to match the version number of your latest release of Hugo.

Click on the Save button.

You’re good to go! 👍🏼

Netlify can continue rebuilding and redeploying your site after you push your site’s local commits to your site’s repository on GitHub.

☝🏼

Conclusion

That was easy! 🙌🏼🙏🏼

Now that you’ve updated the Hugo version on your Netlify account treat yourself to your favorite food 🍜 and watch a movie. 🍿

☝🏼

Host on Netlify

Build environment variables

Hugo on Netlify

☝🏼


Thank you for reading!

Please share this how-to article with your family, friends, and anyone who might need to confirm that Netlify deploys their Hugo website after the latest release of the Hugo update.

Follow me on Instagram 😁