Hugo Theme Iris screenshot

Hugo Theme Iris

Author Avatar Theme by Peaceiris
Updated: 16 Sep 2025
73 Stars

Hugo IRIS Theme - Portfolio and Blog

Overview

This repository is a Hugo theme that offers a dark, responsive design with multilingual support. It includes features such as pagination, SEO optimization, integration with Google Analytics, and support for the Open Graph Protocol. The theme also provides various tools for creating and customizing content, including syntax highlighting, table of contents, random post lists, and math rendering using MathJax. It also supports the integration of external services like Disqus for comment systems and GitHub for fetching repository data. The theme is actively maintained and continuously updated.

Features

  • Dark theme
  • Responsive design
  • Multilingual support
  • Pagination
  • SEO optimization
  • Google Analytics integration
  • Open Graph Protocol support
  • Breadcrumb list
  • Syntax highlighting
  • Table of contents
  • Random post list
  • Math rendering using MathJax
  • Diagram and flowchart generation using mermaid
  • Slides creation using reveal.js
  • Image optimization and support for WebP format
  • Disqus comment system
  • Keyboard shortcuts
  • Share buttons (upcoming feature)
  • Netlify integration (upcoming feature)
  • Categories, tags, and authors support (upcoming feature)
  • Font Awesome integration (upcoming feature)
  • Related posts, next and previous post (upcoming feature)

Installation

To install the theme, follow these steps:

  1. Install Hugo by referring to the minimum supported version mentioned in the theme.toml file. It is recommended to use the Hugo extended version.
  2. Install Go, as the theme depends on Hugo Modules.
  3. Install Node.js and npm, as the theme depends on them.
  4. Initialize a new Hugo project.
  5. Create post and slide pages as needed.
  6. Customize the theme’s configuration, content, assets, data, and i18n files.
  7. Host the website on Netlify or deploy it to GitHub Pages using Actions.

Summary

This repository provides a feature-rich Hugo theme with a dark, responsive design and multilingual support. It offers various tools for content creation and customization, along with integration with external services like Google Analytics and Disqus. The theme is actively maintained and has upcoming features planned, such as share buttons, Netlify integration, and support for categories, tags, and authors. Installing the theme involves setting up Hugo, Go, and Node.js, and then customizing the theme’s files to suit the website’s requirements. Deployment can be done using Netlify or GitHub Pages with the help of GitHub Actions.