Reference: https://lilianlee.me/2019/02/how-to-easily-build-a-blog-using-github-pages-and-hugo/

Step 1:

Go to the root directory of your site folder.

cd yitongwang-blog    # yitongwang-blog is my site folder

Step 2:

Create a new post using the following command.

hugo new post/my-first-post.md   # 'my-first-post' is the name of new post

Step 3:

Edit your new post by using Markdown. Recommend using JetBrains products like IntelliJ IDEA to edit your new post. It’s very intuitive.

Step 4:

Preview your post. Run following command to start the Hugo server locally.

hugo server -D

Open this link: http://localhost:1313/ to check your post.

Step 5:

Build your Hugo site. In the root directory of your site folder, run the following command.

hugo   # Builds your Hugo site and writes your static site to the "public" directory by default.

Step 6:

Commit and push your changes to your git repository.

git add .
git commit -m 'a new post'
git push -u origin master

Now, you can open your blog to see your new post.

Some helpful links:

hugo-tranquilpeak-theme: https://github.com/kakawait/hugo-tranquilpeak-theme/blob/master/docs/user.md#tranquilpeak-configuration

Text content of tranquilpeak theme: https://themes.gohugo.io//theme/hugo-tranquilpeak-theme/