What is HUGO?

• Hugo is a static web site generation tool
• Written in Go Lang
• Content is written in markdown
• Good for blogs, static sites

How to setup a blog site like this?

10 minute hugo/GitHubPages

Update config.toaml

baseURL = "https://<username|company>.github.io/"
languageCode = "en-us"
title = "Blog name"
theme = "newsroom"
author = "iforster"
copyright = "Copyright © 2021, <First and Last Name>"
canonifyurls = true
paginate = 6

[markup]
  [markup.goldmark.renderer]
    definitionList = true
    hardWraps = false
    unsafe = false # change to true to enable inclusion of rawHTML and math functions
    xhtml = false
  [markup.highlight]
    codeFences = true
    guessSyntax = false
    hl_Lines = ""
    lineNoStart = 1
    lineNos = true
    lineNumbersInTable = false
    noClasses = false
    tabWidth = 2

# ids used below are not valid. Replace with valid ones
[params]
  # locale = "en_US"
  # ga_analytics = "" # google analytics ID e.g UA-116386578-1
  # ga_verify = "" # google verification code e.g 5jb-rxeBfITeJQKOuUss3ud6FPGTxXkCho-ZN5qlrZg
  # twitter = "" # twitter handle e.g @weru
  mainSections = ["about", "post", "tags"] # see https://gohugo.io/functions/where/#mainsections
  # uncomment the line below will disable darkmode by default.
  # disableDarkMode = true  # note that the UI control for toggling darkmode will remain in place. This way, the user can decide which mode they would like to use while browsing your website
[params.widgets]
  categories = true
  tags = true
  about = true

Create a new post

To create a new post using HUGO

hugo new post/<new_postname>.md

Here is some samplee code

1
2public static void main(String[] args) {
3  System.out.println("Hello World!");
4}

Resource

10 minute hugo/GitHubPages Hugo Themes - extend layouts Add custom css/js to hugo theme CSS Tricks: Individually-Styled Markdown Elements