Keyboard shortcuts

Press or to navigate between chapters

Press S or / to search in the book

Press ? to show this help

Press Esc to hide this help

Hugo

tutorial

How to build Hugo Theme

Adding tailwind

Install Hugo

First install google golang from their website appropriate to your computer.

Then build hugo from source code using their github repo.

mkdir $HOME/src
cd $HOME/src
git clone https://github.com/gohugoio/hugo.git
cd hugo
go install --tags extended

If you are a Windows user, substitute the $HOME environment variable above with %USERPROFILE%.

Create a site for github pages

Go to github and create a repo. Get the git https clone URL.

Now create a hugo directory,

mkdir <repo_name>
cd my repo
hugo new site .
git remote add origin <repo_clone_url>
git push -u origin master

This will create the scaffolding for hugo. Now we will get a theme. Go to the themes github page and get the clone url.

cd themes
git clone <theme_clone_url>
cd ..

This wll create a directory with same name as the theme. Now copy the theme config to the our config.

cp themes/<theme_name>/exampleSite/config.toml .

Now edit the config.toml file and delete the themesdir as appropriate.

At this point you can add content, and do your own theme.

Need to play with themes.

Render Math

KaTex in Hugo

Integrate slides capability

Integrate PDF generation