Need Theme Tweaks?

If you need to customize theme, add extra pages, or complete website development from scratch, you can hire us.

Check Our Services

Theme Installation

New to Hugo?

If you are new to Hugo, you should go through an introductory phase prior to installing the theme. Before creating the project, we recommend you explore the following links:

  1. First of all, check our Hugo Guide. (Required)
  2. You can learn more about Hugo from the Official Hugo Documentation.
  3. For more clarification, you can check the Video Tutorials

You may skip this step and move to the next page if you don’t wish to maintain Hugo locally.

Clone or Download the theme

git clone https://github.com/statichunt/hydrogen-hugo.git

Create A New Project

  1. After finishing clone open Terminal and go to the location where you want to run your site.

    project-directory

  2. Create a new site with this command. It will add a folder with your PROJECT NAME

    hugo new site my-project
    

    new-project

Setup Your Project With hydrogen

  1. After Unzip the downloaded file or Cloning the theme repository, you will get hydrogen-hugo.

    unzip

  2. Copy the hydrogen-hugo into the my-project/themes folder so that you end up with a folder structure like my-project/themes/hydrogen-hugo/

    copy-to-themes

  3. Now Copy all files from the my-project/themes/hydrogen-hugo/exampleSite folder into the project directory ( my-project/ ). It overwrites existing files and folders. You can delete the exampleSite folder afterward.

    copy-examplesite

  4. Go to the project directory (In our case, it’s my-project).

    cd my-project
    

    project-dir

  5. Run Hugo to serve your project.

    hugo server
    

    hugo-serve

  6. Now, you get a generated URL and open it in your browser. The default URL looks like this http://localhost:1313/ or this http://localhost:1313/hydrogen/.

To remove hydrogen from the URL, chenage the baseURL value from config/_default/config.toml file into https://example.com/. Then run hugo server command again.

If your website doesn’t serve in your localhost, then check the theme name is correct in config/_default/config.toml file. Then run hugo server command again.

Video documentation

Here is a video tutorial that might help you to set up your project. We used our Biztrox theme as an example.

Improve this page on Github  — Last updated:  Mon, Jul 25, 2022