Hugo Themes Logo Hugo Themes
Simpleit Hugo Theme screenshot

Simpleit Hugo Theme

Author Avatar Theme by Marcanuy
Updated: 12 Oct 2023
16 Stars

Responsive Hugo theme for hierarchical content websites

Github Live Preview

Categories

Bootstrap Templates & themes

Overview

The SimpleIT Hugo Theme is a responsive theme designed for Hugo websites. It organizes articles by directory and displays a full directory tree structure on the homepage. Each section and subsection has its own articles and nested sections. The theme is licensed under a certain license.

Features

  • Mobile-first design
  • Two main layouts: single page and automatic table of contents (TOC) based on content headers placed in the sidebar
  • Share Buttons: static buttons optimized for loading speed, generated with https://sharingbuttons.io/
  • Commenting system: Disqus integration
  • Directory and category lists
  • Background image for homepage header section if /static/img/cover.jpg exists
  • SEO features: Hugo internal templates, Open Graph, Schema metatags, Twitter Cards
  • Minified HTML
  • SASS compiled in one CSS file
  • One JavaScript file
  • Multilingual support
  • Analytics integration with Google Analytics and Bing
  • Monetization options with Google Adsense and optional support buttons in articles (Buy Me a Coffee, Ko-fi)
  • Nested directory structure support for organizing content
  • Third-party app integration with Twitter Bootstrap 4 and Fontawesome 5
  • Author box for each article with option to hide it with frontmatter
  • About me page in footer with option to set page_about_me_relurl in configuration for each language
  • Previous/Next article buttons when viewing a single article
  • RSS feed generation for each directory/subdirectory

Installation

To install the SimpleIT Hugo Theme, follow these steps:

  1. If you don’t have Hugo with git, install it on your system.
  2. Add the theme as a git submodule using the following command:
    git submodule add https://github.com/simpleitrocks/simpleit-hugo-theme.git themes/simpleit-hugo-theme
  3. If you already have Hugo with git and the theme is not up-to-date, run the following command to update it:
    git submodule update --remote themes/simpleit-hugo-theme
  4. Customize the theme by modifying the configuration files and stylesheets.
  5. Run your website locally to test the theme:
    hugo server -t simpleit-hugo-theme
  6. Once you are satisfied with the changes, build the website for production deployment:
    hugo -t simpleit-hugo-theme
  7. Deploy the built static files to your web server.

Summary

The SimpleIT Hugo Theme is a responsive theme for Hugo websites that organizes content by directory and offers various features such as mobile-first design, share buttons, commenting system, SEO optimizations, multilingual support, and more. It can be easily installed by adding it as a git submodule and can be customized to fit your specific needs.