Hugo Utilitybelt screenshot

Hugo Utilitybelt

Author Avatar Theme by Nikldev0
Updated: 25 Oct 2019
20 Stars

A theme consisting of partials that can be added as a theme component for any Hugo site

Overview

If you’re looking to enhance your Hugo site with added functionality and style, the hugo-utilitybelt theme offers a robust collection of partials and shortcodes designed to streamline this process. Introduced as a theme component with the aid of Hugo’s theme composition feature, this utilitybelt package makes it easy to integrate various modern web components into your site.

With features that support everything from Bootstrap to comment systems and Google calendars, hugo-utilitybelt is perfect for developers striving to create dynamic sites without the usual hassle of manual adjustments. Its seamless integration allows users to quickly implement features that improve both aesthetics and usability.

Features

  • Bootstrap Integration: Easily include Bootstrap 4 styles with use_bootstrap4.html, which ensures all necessary CSS and JavaScript is loaded asynchronously for optimal performance.
  • jQuery Support: The use_jquery3.html partial efficiently integrates jQuery 3.3.1 from a CDN, allowing for advanced interactivity on your site.
  • Font Awesome Icons: Incorporate the popular Font Awesome 5 library effortlessly with use_fontawesome5.html or the Pro version using use_fontawesome5pro.html, given proper site whitelisting.
  • Staticman Comments: Facilitate user interaction through comments with use_staticman.html. This partial requires adding specific configuration parameters to function properly.
  • Search Functionality: Implement a search box with use_hugo-search-index.html, which works seamlessly with the hugo-search-index project.
  • RSS Feed Creation: The use_fullcontentrss.xml partial allows you to generate a full content RSS feed, keeping your audience updated.
  • E-commerce Integration: The snipcart-related partials help integrate e-commerce solutions into your static Hugo site by including necessary API keys.
  • Event & Calendar Embeds: Use the eventbrite.html and fullcalendar_gcal.html shortcodes to easily embed event ticket sales and Google Calendar features right into your pages.