Steps to Create a Hugo Site

Step 1. “hugo new site [path]” creates a skeleton site directory structure. Navigate to the directory where you would like to keep your hugo website.

Step 2. In this folder, create a folder called “getting-started”

Step 3. Open this folder with VS Code.

Step 4. Run the command “hugo new site ./” . You will see the following files in the getting-started folder.

Getting Started folder

Now before continuing the steps we need to understand structure of a Hugo site first. We will be continuing the steps after understanding the structure of a Hugo site.

Static Site Generation with Hugo

Hugo is a fast and modern static site generator written in Golang. Hugo is the world’s fastest static site generator, wondering what a static site generator is? will explain it in the Third paragraph, till then let’s discuss Hugo. Hugo is primarily written in Golang, But you don’t need to know Golang to work in Hugo. Website generation in Hugo is very simple and straightforward, only prerequisites are HTML and CSS. It was created by Bjørn Erik Pedersen, also known as “bep,” its first release was on July 17, 2013.

Similar Reads

Getting Started with Hugo

Hugo is a very trending technology for creating static websites. It is being used by both companies and Individuals for creating fast and responsive Static Websites. Companies have been increasingly using Hugo because it can create the fastest static websites, while individuals have been using Hugo because of the built-in templates and support of a large open-source community behind it. In this article we will be learning about Hugo, its file structure and will be creating a basic Hugo Website....

What is a Static Site?

A website that has fixed content (content that does not change) unless manually added, removed, or updated by someone, is considered a static site. In most of the cases, websites related to blogs and documentation are static sites....

Advantages/features of Hugo

Hugo comes with a lot of advantages:...

Steps to Create a Hugo Site

Step 1. “hugo new site [path]” creates a skeleton site directory structure. Navigate to the directory where you would like to keep your hugo website....

Structure of a Hugo site

Archetypes:...

Code Snippet

Here is a code snippet of a portfolio website that was made by me in Hugo:...