Kmt

Kmt is the ancient name of Egypt (my home country). See the demo here.

Features

• speed page loading: surf the web at the speed of thought
• related posts: show 'read more' section with a list of related posts
• minimal user interface
• multilingual: currently support Arabic and English (a.k.a Bilingual)
• lazyloading images with browser-native API
• show last modification/update date of each post
• featured posts: show featured posts pinned on top of index page

Installation

Install via git submodule

Run this command while you are inside the folder of your Hugo site:

git submodule add  -b main --depth 1 https://github.com/abanoubha/gohugo-theme-kmt.git themes/kmt

Add the theme’s directory to your config.yaml or config.toml:

• in config.yaml

theme: kmt

• in config.toml

theme = kmt

That's it. You installed it successfully.

Configuration

Documentation & Posts about Kmt theme

• How to install Hugo theme Kmt ?
• Social Media Buttons in Kmt Theme
• Why I Migrated KMT Hugo theme from Tailwind CSS to Vanilla/Pure CSS ?
• SEO optimization in Kmt Theme
• Why I migrated my website to Hugo?
• Why Markdown for Content?
• Does Kmt Theme Support Google Analytics?
• Is Kmt Hugo Theme Support Adsense ?
• Why Another Hugo Theme?
• Why The Hugo Theme is Named Kmt?
• How to update Hugo Theme Kmt in my website ?
• How to effectively delete a git submodule ?
• Recreated the Website to be futureproof

* all above posts have Arabic translations.

Resources & Referrals

• https://gohugo.io/content-management/multilingual/
• https://www.freepik.com/icon/investment_3358944

Documented Code Problems

• support multilingual tags/categories url

Source Code

• GitHub: https://github.com/abanoubha/gohugo-theme-kmt
• GitLab: https://gitlab.com/abanoubha/gohugo-theme-kmt
• CodeBerg: https://codeberg.org/abanoubha/gohugo-theme-kmt

Tasks

• use tailwind css (use minimal native CSS)
• setup a demo
• SEO meta tags
• generate sitemap(s)
• link to translation of current page
• custom rendering for heading with anchor link
• custom rendering for image to set the alt text
• support image caption via p > img + em {} in CSS
• mobile-first, responsive layout
• web native lazy loading for images
• show lastmod/updated_at datetime if exists
• show pinned/featured posts upfront
• show only posts in feed/index
• show pages links in the footer
• support multilanguage in links of tags and categories
• add keyboard key by kbd shortcode {{< kbd command >}}.
• add abbr shortcode {{< abbr SEO "Search Engine Optimization" >}}.
• ability to show ad banner in homepage and post page
• ability to set accent color in config.toml
• ability to set link color in config.toml
• ability to set darkmode background color in config.toml
• ability to set lightmode background color in config.toml
• submit the theme
• breadcrumb & easy navigation
• RSS
• web native lazy loading for iframes
• use WebP image to speed up the page load time
• feature: 'read aloud' or 'read for me' (text to speech)

This HUGO theme is open source. Feel free to send pull requests and/or write issues.