More Premium Hugo Themes Premium Hugo Themes

Hugo Classic

A simple and text-centric theme for Hugo.io

Hugo Classic

A simple and text-centric theme for Hugo.io

Author Avatar Theme by goodroot
Github Stars Github Stars: 153
Last Commit Last Commit: Feb 6, 2025 -
First Commit Created: Apr 22, 2023 -
default image

Overview

The Classic theme is a fork of the XMin theme, created by Yihui Xie. It is designed for use with the Hugo.io platform. This theme provides features such as syntax highlighting with highlight.js, emoji support, and support for the Inter font. It also includes an optional dark mode.

Features

  • Syntax highlighting with highlight.js
  • Emoji support
  • Inter font integration
  • Optional dark mode

Installation

To install the Classic theme, follow these steps:

  1. Install Hugo.
  2. Create a new site.
  3. Change to the themes directory.
  4. Clone the Classic theme repository.
  5. Copy the files within the exampleSite directory to your site’s root directory.
  6. Run hugo server within the Classic theme directory.

New Posts

To create new posts using the Classic theme, follow these steps:

  1. Create a new post in the designated folder.
  2. Adjust the header color within the static/css/style.css file by changing the background value to your desired color.
  3. Change the header font color by modifying the color attribute to match a desired color.

Dark Mode

To enable or customize the dark mode in the Classic theme, follow these steps:

  1. Open the static/css/style.css file.
  2. Edit the relevant attributes to match your preferred light or dark mode settings.

Summary

The Classic theme for Hugo.io is a fork of the XMin theme and offers features such as syntax highlighting, emoji support, Inter font integration, and an optional dark mode. The installation process is straightforward, and the theme allows customization of header color and font.