Hugo Themes
Kidlat
A low-bandwidth, text-only Hugo Theme
- Author: Leon Kidlat
- GitHub Stars: 0
- Updated: 2024-03-09
- License: Apache 2.0
- Tags: Landing Minimal Responsive
Kidlat Hugo Theme
Kidlat is a low-bandwidth, text-only Hugo theme.
This theme is verified to work with Hugo versions v0.110.0–v0.121.2.
Features
- Super lightweight
- Responsive layout
- Auto light/dark mode (through media query)
- No framework
- No javascript
- Full-text RSS feed
- 100% score on performance, accessibility, best practices and SEO on PageSpeed Insights
Example site
This theme is in use at Kidlat News. Our site’s Github repo is public.
Installation
- Copy the
kidlat
folder inside thethemes
folder of your site.
themes/
└── kidlat
- Add the theme to the site configuration file
config.yaml
.
theme: kidlat
Configuration
1. Change the default configuration
Copy and change the default theme configuration inside hugo.yaml
to the site configuration file config.yaml
:
baseURL: https://example.org/ # Change to your website URL
title: Example News & Current Events # Change to your website title
languageCode: en-us
theme: kidlat
params:
short_title: Example News # Change to your website short title
display_name: EXAMPLE # Change to your website display name
license: Creative Commons BY-SA 4.0 # Change to your website license
license_url: https://creativecommons.org/licenses/by-sa/4.0/deed.en # Change to your license URL
description: "Example News is the trusted site for news and current events." # Change to your website description
logo: "/example-news.jpg" # The logo should be inside your static folder
footer: <span><a href="http://www.example.org/">This is the footer text.</a></span> <span><a href="#top">▲</a></span> # Change to your footer text and link
2. Put the css
folder inside your static
folder
Move or copy the css
folder and its contents to your site’s static
folder. Your static
folder should look like this.
static/
└── css
├── kidlat.css
└── README.md
3. Specify items in the front matter
There are a number of optional front matter items that can be specified.
content_type
For schema.org metadata. The most common types areArticle
,NewsArticle
andBlogPosting
.attribution
To attribute images to their source and specify their license.display_license
To display the site license (as well as theattribution
if specified) at the end of each article, set this totrue
.images
To specify the image metadata. This image will be used when the article is shared on social media.xurl
If shared on Twitter, the URL of the tweet. If the URL is specified, aComment on X
appears after the article post date.
License
Kidlat theme is licensed under the Apache License 2.0.