Use Azure DevOps & Azure Storage for Hosting Your Hugo

Overview

This was fairly new for me to do, it’s my first attempt to understand and configure CI/CD and use tools that I didn’t have a chance to use before. I find this very interesting and a big step forward in different world, thanks to my in house DevOps I got to understand the CI/CD process very well.

Using Hugo as a blog platform is very interesting in combination with Azure-DevOps it has everything for your continuous integration process, so whenever you commit your local changes to your local git and push to your remote repo, your blog gets updated isn’t that cool? :)

Since Hugo is all static HTML content we don’t need any server to run it simply using Azure Bloob storage we can host our website for as cheap as 2-5$ a month even less! Cloudflare is hosting DNS, providing a free SSL certificate and acting as CDN endpoint quite simple.

Tools

Am using Typora its simple & minimal design plus very handy for writing .md (Mark Down)

Also Visual Studio Code because It’s a free IDE working cross-platform with a lot of apps.

For Diagram Drawing draw.io

For remote repo Azure DevOps It’s free for 5 users, I decided to go for it as I am also using Azure IaaS and it’s very well combined plus Pipeline is simple to create and it has a Hugo package for making build process.

Pipeline

Here how it looks like, in local environment, there is Hugo site built in a folder named haci and where local git repository is, you don’t need any more branches but if you’d like you can create dev or test branch and have triggered your release pipeline whenever you merge dev to master branch, so all the editing and modifications you do locally and when you are certainly sure that’s it, you do commit your local changes and do a push to remote Azure Repo.