Bootstrap Templates & Themes Logo Bootstrap Templates & Themes
Hugo Alageek Theme screenshot

Hugo Alageek Theme

Author Avatar Theme by Gkmngrgn
Updated: 27 Jun 2023
63 Stars

A Cocoa Enhanced based theme. It's rewritten with Bootstrap 5.

Github Live Preview

Categories

Hugo Templates & themes

Overview

The alaGeek theme is an enhanced version of the Cocoa theme for Hugo, a static site generator. It offers a customizable homepage with different sections, including the latest posts, syntax highlighting, MathJax support, and more. The theme is rewritten with Bootstrap 5 and supports social media links, progressive images, Disqus, and dark mode. The theme is licensed under the MIT License.

Features

  • Social media links on the footer: Easily add links to your social media profiles on the theme’s footer.
  • Homepage with latest and best posts: Customize the homepage to display the latest and best posts from your site.
  • Single pages, sections with a header and a list of articles: Organize content with sections and headers, displaying a list of articles in each section.
  • Syntax highlighting with highlightjs: Highlight code syntax in your posts and pages using the highlightjs library.
  • Progressive images: Improve website loading speed with progressively loaded images.
  • Twitter cards support: Enable Twitter cards for your site to enhance social media sharing.
  • LaTeX support with MathJax: Render mathematical equations on your site using MathJax.
  • Possibility to add extra scripts with footer_extra.html: Add additional scripts to your site’s footer for functionality customizations.
  • Disqus support: Enable Disqus comments on your site for interactive discussions.
  • Dark-mode support: Enable automatic dark mode based on system or browser color scheme.
  • High accessibility score: The theme is designed with accessibility in mind to ensure a high accessibility score.
  • Pagination support in blog posts: Split long blog posts into multiple pages with pagination.
  • General and post-specific Table of Contents support: Provide table of contents for easy navigation within pages and posts.

Installation

To install the alaGeek theme, follow these steps:

  1. Copy the theme files into your Hugo project’s themes directory.
  2. Edit the config.toml file in your Hugo project to set the following configurations:
    • Set the theme parameter to alaGeek.
    • Customize other parameters as desired.
  3. Customize the fonts by copying and editing the style_main.html file. The default fonts are:
    • Title: Merriweather Sans
    • Content: Merriweather
    • Code: Fira Code
  4. Run your Hugo server hugo server -D to see the theme in action.

For more detailed instructions, please refer to the documentation provided with the theme.

Summary

The alaGeek theme for Hugo is a feature-rich theme that offers a customizable homepage, syntax highlighting, MathJax support, social media links, and more. It is built with Bootstrap 5 and provides various customization options for fonts and additional scripts. The theme also supports dark mode, accessibility, and pagination. With its extensive features and easy installation process, alaGeek is an excellent choice for those looking to enhance their Hugo-powered websites.