Hyde Hyde

screenshot of Hyde Hyde
hugo

A cool theme inspired by spf13's Hyde theme

Overview:

Hyde-hyde is a theme for the Hugo static site generator, inspired by the Hyde theme by @spf13 and Nate Finch's blog. It has recently undergone a major overhaul with version 2.0, bringing new features and improvements to the theme.

Features:

  • SCSS Styling: The main styles of hyde-hyde have been refactored and developed using SCSS, eliminating the need for the poole.css and hyde.css files.
  • Modular Layouts: The layouts of the theme have been heavily restructured and modularized, making it easier to customize and extend.
  • Portfolio Page: Hyde-hyde now includes a "Portfolio" page, inspired by Xiaoying Riley's Developer-Theme.
  • System Fonts: The theme now uses system fonts instead of web fonts, addressing privacy concerns.
  • Collapsible Menu: A collapsible menu in mobile mode has been added to improve user experience.
  • Table of Contents: The theme provides options to configure the table of contents using either Hugo's built-in {{ .TableOfContents }} or the Tocbot library.
  • Highlight.js Support: Hyde-hyde offers the option to use the highlight.js library for code highlighting instead of Hugo's built-in support.
  • Related Posts: The theme allows for the display of related posts.

Summary:

Hyde-hyde is a Hugo theme that offers a modern and customizable design, inspired by the Hyde theme and Nate Finch's blog. With its recent overhaul, it brings new features such as SCSS styling, modular layouts, a portfolio page, and more. Installation is straightforward, making it easy to incorporate Hyde-hyde into your Hugo site. The theme provides options for customization, including font choice, code highlighting, table of contents configuration, and related posts display.

hugo
Hugo

Hugo is an open-source static site generator that features fast build times, flexible themes, support for multiple content formats, multilingual websites, live reloading, and an active community. It allows developers to easily create and deploy SEO-friendly and mobile-responsive websites.

portfolio
Portfolio

A portfolio website is a type of website that showcases an individual's or a company's work, skills, and accomplishments. It typically includes a gallery of images or videos, case studies, and client testimonials to provide potential clients or employers with a comprehensive overview of their experience and expertise.

disqus
Disqus

A website that uses Disqus as a commenting system to enable audience engagement and discussion. This includes features such as real-time commenting, moderation tools, and social login to facilitate a seamless commenting experience.

google-analytics
Google Analytics

A website that uses Google Analytics to track website performance and user behavior. This includes features such as website traffic monitoring, conversion tracking, and audience segmentation to gain insights and optimize website performance.