Complete guide to using and customizing the Clean Hugo theme
Welcome to Clean Hugo documentation
Clean Hugo is a modern, customizable Hugo theme built with CSS that gives you a responsive, mobile-first website. This documentation covers everything you need to build, customize, and deploy your site.
Documentation sections
Get Started
Installation, configuration, and theme setup. Start here if you’re new to Clean Hugo.
Layouts & Shortcodes
Learn about all available page layouts and powerful shortcodes for creating rich content.
Working with Images
Featured images, figure shortcode, optimization tips, and best practices for images.
SEO & Social Sharing
Meta tags, Open Graph, favicons, robots.txt, and optimizing your site for search engines and social platforms.
Schema & Front Matter Reference
All structured data (schema) in one place: when to use each type and how, with front matter examples for BlogPosting, TechArticle, HowTo, LearningResource, SoftwareApplication, VideoObject, Event, ItemList, and more.
Quick links
- GitHub Repository - Source code and issues
- Example Site - See the theme in action
- Blog Posts - Tutorials and examples
Features at a glance
- Responsive Design - Mobile-first CSS for all screen sizes
- Customizable Colors - Full color palette control via hugo.toml
- Multiple Layouts - Splash, blog, gallery, and documentation layouts
- Rich Shortcodes - Cards, admonitions, figures, metrics, and more
- SEO Optimized - Open Graph, canonical URLs, structured metadata
- Accessible - WCAG AA compliant color contrasts
Need help?
- Issues: GitHub Issues
- Discussions: GitHub Discussions
License
Clean Hugo is licensed under the BSD 3-Clause License. See the LICENSE file for details.