Glim Midnight Hugo theme

screenshot of the example site

Minimal version of linktree or Hugo Lynx

Authors

Features

  • Customizable
  • Dark
  • Bootstrap
  • Light version (coming soon)
  • SEO friendly

Wiki

Wiki page can be found here: https://github.com/mansoorbarri/glim-midnight/wiki

Setup

  • Make a new hugo site
1
hugo new site {sitename}
  • Clone the theme in themes folder
1
2
cd {sitename}
git clone https://github.com/mansoorbarri/glim-midnight themes/glim-midnight

or you can use submodule if you already have GitHub repository for your website

1
2
git init
git submodule add https://github.com/mansoorbarri/glim-midnight.git themes/glim-midnight
  • Copy examplesite/config.toml files to yours for quick setup
  • Open config.toml and edit as per your liking.

Config.toml

 1
 2
 3
 4
 5
 6
 7
 8
 9
10
11
12
13
14
15
baseURL = "<http://glim-midnight.pages.dev>"
languageCode = "en-us"
theme = "glim-midnight"

[params]
    title = "Glim Midnight"
    phrases = ["Bootstrap", "Dark", "Minimal", "Responsive"]
    links = [
    {name = "Github", url = "<https://github.com/mansoorbarri/glim-midnight/"},
    {name = "Wiki", url = "/wiki"},
    {name = "Author I", url = "<https://maheenwaris.com/>"},
    {name = "Author II", url = "<https://mansoorbarri.com/>"},
    {name = "Hugo", url = "<https://gohugo.io/>"},
    ]
    background = "bg.mp4"

Variables you should/can change

  • baseURL: URL of your website
  • title: this title will be shown as tab name and as <h1> on this website
  • phrases: these are the words which are animated under the main title
  • links: these are the links you want to add, you have to mention the name & the url where the button will lead to
  • background: this is the background of the webpage currently, the theme only supports video as a background.

the default location of the background is in /assets/, it is recommended to use the same folder for a custom background.

Things to note

  • If you want to add your email in one as one of the links, add “mailto:” before the email address in url something like this:
1
{name = "Email", url = "<mailto:uname@example.com>"},
  • the default location of the background is in /assets/, it is recommended to use the same folder for a custom background.