Overview
The Digital Garden theme for Hugo is a versatile and customizable theme that allows users to easily build their own personal digital gardens. With a multi-column layout, responsive design, and optimized performance, this theme offers a user-friendly experience for both desktop and mobile users. It also includes features such as code highlighting, light and dark mode, math expression support, social media links, and built-in support for SEO, Google Analytics, 404 page, sitemap, and RSS feed. The theme is compatible with the latest release of Hugo.
Features
- Multi-column layout
- Responsive website, optimized for mobile reading
- Custom portfolio showcase layout
- Social media links
- Code highlighting (highlight.js)
- Light and dark mode
- KaTeX math expression support
- Fast performance with perfect score on Lighthouse (Report)
- SEO optimized with support for Twitter Cards and Open Graph
- Built-in 404 page
- Google Analytics support
- Sitemap and RSS feed for your content (OOTB with Hugo)
- Newsletter support (Substack, Buttondown, and Revue)
Installation
To use the Digital Garden theme, make sure you have Hugo version 0.82.1 or above. Then, follow these steps:
- Run the following command from the root of your Hugo site:
hugo server --theme=DigitalGarden
Alternatively, you can include this theme repository as a git submodule if your Hugo site is also in git. This will make it easier to update the theme.
Summary
The Digital Garden theme for Hugo is a feature-rich and customizable theme that allows users to effortlessly build their own personal digital gardens. Its responsive design, code highlighting, light and dark mode, and support for SEO and analytics make it a powerful tool for creating an engaging and optimized website. With its ease of installation and wide range of features, the Digital Garden theme is a great choice for anyone looking to showcase their work or ideas online.