Create Static Website with Hugo

winget install Hugo.Hugo.Extended

new site

hugo new site [site-name]

This will create a folder named [site-name]

apply theme

search theme from hugo theme

install paper theme as git submodule

Inside the folder of your Hugo project, run:

git submodule add https://github.com/nanxiaobei/hugo-paper themes/paper

Open hugo.toml, change theme to "paper":

theme = "paper"

add content

hugo new posts/<file-name>.md

Note that if the article is not located under [site-name]/content/posts, it will not be able to be shown.

Host on GitHub Pages

official guide

The site will be built and deployed by GitHub Action.

under [site-name]

git remote add origin https://github.com/[user-name]/[user-name].github.io.git
git config --global user.name [name]
git config --global user.mail [mail-address]

git add .
git commit -m "[commit-message]"
git push

Navigate to your repo > acrtion page, once deployed successfully, you can access the website.