Showfolio Hugo Theme screenshot

Showfolio Hugo Theme

Author Avatar Theme by Apvarun
Updated: 25 Jun 2024
105 Stars

Modern portfolio theme for your Hugo site

Categories

Overview

The ShowFolio theme for Hugo is a modern portfolio theme designed for Hugo sites. It offers a responsive design, codepen embeds, a blog, social links, and a dark mode. The theme is compatible with Hugo version 0.69.0 or newer.

Features

  • Responsive content
  • Codepen Embeds
  • Blog
  • Social links
  • Dark mode

Installation

To install the ShowFolio theme, follow these steps:

  1. Make sure you have a Hugo site set up.
  2. Run the following command from the root of your Hugo site:
hugo mod get -u github.com/theNewDynamic/gohugo-theme-showfolio

Alternatively, you can include this repository as a git submodule by running the following command:

git submodule add https://github.com/theNewDynamic/gohugo-theme-showfolio.git themes/showfolio

This makes it easier to update the theme if you have your Hugo site in git as well.

  1. Install postcss-cli globally by running the following command:
npm install -g postcss-cli
  1. Copy package.json from the showfolio theme to the root folder of your website and run npm install to install the required packages.

  2. Set theme = "showfolio" in your config.toml file.

  3. Start the local server by running the command:

npm start
  1. Visit http://localhost:1313/ in your browser to view the example site.

  2. Customize the configuration and content of the theme according to your needs.

Summary

The ShowFolio theme is a modern portfolio theme designed for Hugo sites. It offers a range of features such as responsive content, codepen embeds, a blog, and dark mode. Installation is straightforward with the option to include the theme as a git submodule. Detailed instructions are provided for setting up and customizing the theme to meet your requirements. Contributions are also welcome, making it an open-source project.