Hugo Themes

Prev/Next: All Themes

hugo-dusk

A minimalistic dark responsive theme.

Download
hugo-dusk

Simple minimalistic dark theme for Hugo.

screenshot

Features

  • Responsive minimalistic design
  • Configurable theme colors (with custom css file)
  • Syntax highlight with builtin Chroma
  • OpenGraph, Twitter cards support
  • Mastodon verification
  • Fediverse creator tag
  • Disqus comments support
  • Utterances comments support
  • Google analytics
  • Configurable pagination for posts
  • Lazy menu
  • Custom 404 page

Installation 

$ mkdir themes
$ cd themes
$ git clone https://github.com/gyorb/hugo-dusk

Configuration

Example configuration:

baseurl = "/"
title = "My site."
copyright = "Copyright (c) 2017, all rights reserved."
canonifyurls = true
languageCode = "en-US"
paginate = 3
theme = "hugo-dusk"

googleAnalytics = ""
disqusShortname = ""

[params.author]
  name = ""

SectionPagesMenu = "main"

# Configure syntax highlight
[markup]
  [markup.highlight]
    style = "gruvbox"  # dark themes: monokai, api, fruity, native, rrt, swapoff ... https://xyproto.github.io/splash/docs/longer/all.html

[[menu.main]]
  name = "Posts"
  weight = -120
  identifier = "post"
  url = "/post/"

[[menu.main]]
  name = "Tags"
  weight = -110
  identifier = "tag"
  url = "/tags/"

[params.meta]
  keywords = "blog, tech"
  description = "Personal blog."
[params.meta.fediverse]
  creator = "@usename@mastodon.server" # https://blog.joinmastodon.org/2024/07/highlighting-journalism-on-mastodon/

[params]
  github = "github id"
  gitlab = "gitlab id"
  twitter = "twitter id"
  linkedin = "linkedin id"
  email = "myemail"
  theme_colors = "default-dark" # uses color css file under static/css/default-dark.css
  utterancesRepo="REPO_NAME" # Utterances is enabled when this param is set
  utterancesTheme="github-dark" # Default: github-dark
  utterancesIssueTerm="pathname" # Default: pathname
[params.mastodon] # https://joinmastodon.org/verification
  username = "username"
  server = "https://example.com"

See also