How to Use This Theme in Your Project

Downlaod vscode

Navigate to VsCode website, just download in your pc.

Install Hugo environment

In hugo offical website, there are four options to install hugo env which depends on your operation system(OS).

  1. Install Git
  2. Install Go version 1.18 or later
  3. Update your PATH environment variable as described in the Go documentation

Hugo CLI

Create a new site

1
2
3
4
hugo new site mywebsiteName

# naviagate to the new folder, open in VScode
cd mywebsiteName

Download theme and import to themes folder

You can clone theme project or download zip directly.

After move the “dark-theme” to themes folder, don’t forget setting in config.toml

1
theme="theme's name"

Run project

1
hugo server -D
If the project runs successfully, you will see these info below:

http://localhost:1313/ is your loacal running port.

Create a post

If you want to write a blog, the command line is:

1
hugo new posts/xxxxx.md
Then, you can notice hugo help you create a blog in posts folder.

Compile and Upload to the cloud

If it’s your first time to commit your changes.

1
2
3
4
5
6
7
8
9
hugo
cd public
git init
git add ./
git commit -m "inital commit"
git checkout -b master
git branch -M master
git remote add origin https://xxxx.git
git push - u origin master

otherwise, you just commit and push again

1
2
3
4
5
6
hugo
cd public
git add ./
git commit -m "xx update"
git checkout master
git push -

Here is tutorial about how to deploy to the github