---
title: Setting Up a Hugo Site 🏗
date: 2022-01-01T14:19:54Z
author: "ahmza"
draft: true
weight: 

tags: ["blog", "website", "web development", "hugo"]
description: "Learn how to setup your own hugo site."
canonicalURL: "https://blog.ahmza.com/Page%28/posts/setting-up-a-hugo-site.md%29"

cover:
    image: "/img/hugo/hugo-feature.png" # image path/url
    alt: "hugo-logo" # alt text
    caption: "<text>" # display caption under cover
    relative: false # when using page bundles set this to true
showtoc: true
searchHidden: false
---
## **Introduction**
Hugo is a static site generator that takes a bunch of template files
and transforms them into files that a web browser can understand, like
HTML, CSS and JS.

Hugo gives you full control over the site and how you build it, however
in this post I will try to keep it short and simple by using a pre made
theme that will do a lot of the heavy lifting for you. The only thing
you will need to do is configure the theme as well as write a test post
or two for testing.

## **Building the Container**