Skip to content
Mansoor Barri edited this page Jan 5, 2025 · 4 revisions

Setup

  • Make a new hugo site
hugo new site {sitename}
  • Clone the theme in themes folder
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

git init
git submodule add https://github.com/mansoorbarri/glim-midnight.git themes/glim-midnight
  • Copy examplesite/hugo.toml files to your project
  • Open hugo.toml and edit as per your liking.

Config.toml

baseURL = "http://glim-midnight.pages.dev"
languageCode = "en-us"
theme = "glim-midnight"

[params]
    title = "Glim Midnight"
    phrases = ["Hugo", "Dark", "Minimal", "Responsive"]
    links = [
    {name = "Github", url = "https://github.com/mansoorbarri/glim-midnight/"},    
    {name = "Wiki", url = "https://github.com/mansoorbarri/glim-midnight/wiki"},    
    {name = "Author", url = "https://mansoorbarri.com/", newTab = true},
    {name = "Hugo", url = "https://gohugo.io/"},    
    ] 
    backgroundVideo = "bg.mp4"
    footer = "Made with ❤️ by <a href='https://mansoorbarri.com/' target='_blank'>Mansoor Barri</a>"

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. Additionally, you can add newTab = true if you want the link to open in the new tab. by default, it will open the link in the same tab.
  • backgroundVideo: will add a video to your background. The video should be in /static/ and can be linked in the config as /{filename}
  • backgroundImage: will add a image in the background. The image should be in /static/ and can be linked in the config as /{filename}
  • footer: this will show in the footer of the page

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:
{name = "Email", url = "mailto:[email protected]"},
Clone this wiki locally