Following content cited from official doc.

Recap

In the following posts, I will share how I create a personal blog-website in three components: Create website, Create post, Deployment on github pages respectively. Each part have different details


Quickstart

Create the directory structure for your project in the quickstart directory. Replace blog-website name to your own folder name.

1
hugo new site [blog-website name]

Change the current directory to the root of your project.

1
cd  [blog-webist name]

Initialize an empty Git repository in the current directory.

1
git init

Start Hugo’s development server to view the site.

1
hugo server

Press Ctrl + C to stop Hugo’s development server.

Configure the site

With your editor, open the site configuration file (config.toml) in the root of your project.

1
2
3
4
baseURL = 'http://example.org/'
languageCode = 'en-us'
title = 'My New Hugo Site'
theme = 'PaperMod'

Theme application(Optional)

Clone the PaperMod theme into the themes directory, adding it to your project as a Git submodule.

1
2
git submodule add --depth=1 https://github.com/adityatelange/hugo-PaperMod.git themes/PaperMod
git submodule update --init --recursive # needed when you reclone your repo (submodules may not get cloned automatically)

Append a line to the site configuration file, indicating the current theme.

1
echo "theme = 'PaperMod'" >> config.toml

Add content

Add a new page to your site.

1
hugo new posts/my-first-post.md

Markdown language

Instead of replace current font sylte

1
2
3
4
5
6
7
Title
## Title 1
### Title 2
#### Title 3

List
- non-order list