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

Roadmap & Tasks

• Previous (v1.0.0 , v1.1.0 , v1.2.0)
  • 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
• v1.3.0
  • search box: search via Google simply using keywords site:<domain-name>
  • redesign UI
• v1.4.0
  • breadcrumb & easy navigation
  • remove ad
  • redesign UI of search form
• Next
  • 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
  • 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.