Showcase Hugo Theme screenshot

Showcase Hugo Theme

Author Avatar Theme by Apvarun
Updated: 16 Dec 2024
60 Stars

Showcase is a minimal, single page theme for Hugo

Categories

Overview

The Showcase theme for Hugo is a minimal, single page theme designed for the Hugo generator. With its auto-generated menu, responsive content, dark mode, and customizable features, Showcase offers a sleek and modern design for Hugo websites.

Features

  • Auto-generated menu
  • Responsive content
  • Filtering content
  • Social links
  • Custom menu
  • Dark mode

Installation

To install the Showcase theme for your Hugo site, you have two options:

Option 1: Run from the root of your Hugo site

  1. Copy the package.json file from the themes/showcase folder to the root folder of your Hugo site.
  2. Run npm install to install the required packages for the theme.
  3. Set the theme to ‘showcase’ in the config.toml file.
  4. Run npm start to start your local server.

Make sure to commit the above changes to your repository.

Option 2: Include as a git submodule

  1. Add the Showcase theme repository as a git submodule in your Hugo site repository.
  2. Copy the package.json file from the themes/showcase folder to the root folder of your Hugo site.
  3. Run npm install to install the required packages for the theme.
  4. Set the theme to ‘showcase’ in the config.toml file.
  5. Run npm start to start your local server.

Make sure to commit the above changes to your repository.

Summary

The Showcase theme for Hugo is a minimalist and modern theme that offers various features such as auto-generated menus, responsive content, and dark mode. With its easy installation process and customizable options, Showcase provides a stylish and user-friendly design for Hugo websites.