CICD blog with Azure and Hugo - Part 2
Aug 5, 2018
2 minute read

Previous blogs in this series:
1. Pipeline overview

Blog 2: Creating your site

While I love Hugo, I will not provide a quick start on working with Hugo for you. There are plenty of quick start references on both the official Hugo docs, as well as on /r/gohugo.

This blog is about getting your workflow going. This is what you need: * Visual Studio Code (VS Code, for short) * Git * Hugo

Followed by what you might want to add: * Put Hugo in your PATH variable * Install these VS Code extensions: * Better TOML * Hugo Helper * Your own domain name

Creating the site and repo

Since we will be working with GIT later, for now we just create a new site. Open up a command prompt, traverse to the parent folder wherever you want to save the site contents on your local machine, just run hugo new site mynewsite to create the site in the mynewsite folder.

Open VS Code. Navigate using File > Open Folder... (or be a badass, and use the key-combination Ctrl+K followed by Ctrl+O) and open up your new mynewsite folder. Using the Command Palette Ctrl+Shift+P, type Initialize to list the Git: Initialize Repository command. Highlight it and press Return. You’ll be asked to create your first commit, and your repo is good to go.

You can go ahead and tweak your site, use one of the amazing themes available, create content, etc. If you installed the Hugo Helper extension for VS Code, you can use the Command Palette to create new content files, or fire up the debug server so you can watch your work come to life on http://localhost:1313/.

Coming up next: setting up Azure

After this, we will be setting up Azure to host our site and make sure it is available with our own custom domain.

Blogs in this series:
1. Pipeline overview
2. Creating your site
3. Setting up Azure
4. Creating the pipeline