Hugo Themes Logo Hugo Themes
Solar Theme Hugo screenshot

Solar Theme Hugo

Author Avatar Theme by Bake
Updated: 3 Apr 2021
53 Stars

A port of solar-theme-ghost for Hugo

Github Live Preview

Categories

Templates & themes

Overview:

The Solar Theme for Hugo is a minimalistic theme designed for Hugo blogs. It is a fork of the Solar Theme for Ghost and offers a clean and straightforward design. The theme is available for preview on Hugo’s theme list and provides multiple color schemes to choose from. It also allows for customization through the injection of custom HTML and offers options for syntax highlighting. The theme follows the GPLv2 or higher license.

Features:

  • Three color schemes: light, dark (default), and gray.
  • Option to switch between light and dark mode based on user preference.
  • Custom HTML injection capability.
  • Ability to overwrite the default logo with a custom logo.
  • Support for syntax highlighting with Hugo’s built-in highlighter or highlight.js.

Installation:

To install the Solar Theme for Hugo, follow these steps:

  1. Clone the theme repository into the themes directory of your Hugo project:
git clone https://github.com/{username}/{repository}.git themes/solar
  1. Inside your Hugo project’s root directory, copy the example configuration file:
cp themes/solar/exampleSite/config.toml .

  1. Customize the configuration file according to your preferences.

  2. Run the Hugo server to see a live preview of the theme:

hugo server

  1. Open your web browser and visit http://localhost:1313 to see the theme in action.

  2. Make any additional customizations by modifying the theme’s files or adding custom HTML, as described in the theme’s documentation.

  3. Build your site for production:

hugo
  1. The generated static site files are located in the public directory. You can deploy these files to your hosting provider of choice.

Summary:

The Solar Theme for Hugo is a minimalist theme designed for Hugo blogs. It offers multiple color schemes, customizability through custom HTML injection, and support for syntax highlighting. Its clean and straightforward design makes it suitable for a wide range of blog styles. The theme can be easily installed by cloning the theme repository and customizing the provided configuration file.