post-image

How To Setup Airspace Hugo


Install this template by following those simple steps:

STEP-1 : Hugo installation

Check this link below for install hugo on your computer. hugo install documentation

STEP-2 : Create your project

Hugo provides a new command to create a new website.

hugo new site <new_project>

STEP-3 : Install the theme

Run this command

hugo new site airspace-hugo

and then go to the themes folder inside of airspace-hugo folder. You can also use this command cd airspace-hugo/themes for going to this folder. Then run the command

git clone git@github.com:themefisher/airspace-hugo.git

Alternatively, you can download the theme as .zip file and extract it in the themes directory

After that you need to go to the airspace-hugo/exampleSite folder and copy or cut all the elements, and now go back to the root folder and paste it here.

open the command prompt again and run cd ../ command for go back to the root folder.

STEP-4 : Host locally

Launching the website locally by using the following command:

hugo serve

Go to http://localhost:1313

Or you can check this video documentation for installing this template:

STEP-5 : Basic configuration

When building the website, you can set a theme by using --theme option. However, we suggest you modify the configuration file (config.toml) and set the theme as the default.

# Change the default theme to be use when building the site with Hugo
theme = "airspace-hugo"

STEP-6 : Create your first content pages

hugo new blog/post-name.md

STEP-7 : Build the website

When your site is ready to deploy, run the following command:

hugo

# You can also create a minified version by using this command:
hugo--minify

A public folder will be generated, containing all static content and assets for your website. It can now be deployed on any web server.

Back to blog

We can assist with both physical and digital design.

Read more about what we do and our philosophy of design. Judge for yourself the quality of our work and the results we’ve achieved for our clients.

tell us your story