How to Setup My Personal Blog With Hugo, Github

Install Hugo on your PC

Nothing special, just follow the instructions of official documentation Here

Create a repository in github

• Create a repository with <yourname>.github.io

Create the new site

• Use hugo command to generate the new site

hugo new site charlesgeng.github.io

• Checkout the repository from github

git init
git remote add origin https://github.com/CharlesGeng/charlesgeng.github.io.git
git fetch
git checkout origin/master -ft

• Add mainroad theme to the site.

git submodule add https://github.com/vimux/mainroad

• Setup config.toml file of the site
  • Enable Sidebar
  • Enable Main Menu
  • Enable Social Links

Deploy the site

• commit and push the code to github
• Goto the actions of the repository, create a new workflow based on the documentation here

DONE!