Building websites with Hugo has a broad appeal to many developers and digital agencies, not least among them the raw speed of the static site generator when it comes to build times and deployment. But what about customizing a site's layout and appearance? That's where Hugo's themes come into play.
Hugo is an immensely popular and well-loved SSG, with an active Discourse community and a wide range of helpful user guides published almost daily. 2021 saw Hugo’s user base continue to expand, for a range of use cases — among them personal blog sites, documentation, and corporate or e-commerce sites. With Bookshop support bringing live editing and component-based page building to Hugo, we're sure the SSG will only become more frequently used in 2022.
With such a passionate developer community around Hugo, there are a huge number of themes available, ranging from minimalized and text-centric to design-heavy portfolio, with everything in between. Here, we want to showcase a range of popular and actively developed Hugo themes to help you get started with your latest build as quickly as possible (and with Hugo, that’s pretty quick).
To help speed your decision further, we’ve divided up the Hugo themes below into blog/personal and business/professional categories, with some of their best features outlined.
A single-page website solution, Scroll lets you set up and maintain a web presence for basic personal, social, or ) information, without worrying about sections or taxonomies. Scroll would be a great theme for a job hunter wanting to establish a simple and attractive resume site.
Scroll's key features:
Set main parameters easily from within config.toml (the GitHub repo has a helpfully annotated example)
Persistent (sticky) menu configured for simple navigation
Includes the Fork Awesome Icon Set, and a dedicated Shortcode
A super clean and responsive Hugo theme based on Paper, PaperMod is incredibly popular, and with good reason! It’s optimized for UX, meaning easy reading regardless of light/dark mode preference — ideal for getting your message across to the widest possible audience.
PaperMod's key features:
Simple light/dark mode switch, as well as automatic awareness of browser theme
Default bundling and minification
Comments and multiple author support
Post reading time calculator
Enhanced SEO with Open Graph and Twitter Cards support
Sure, this one isn’t just a blog theme, but quite aside from the default business-centric layout, Hydra’s blog section allows for a clean browsing and reading experience. Author bio blocks are a welcome addition for multi-author blogs, or solo writers who wish to include an up-to-date message at the end of each post.
Hydra's key features:
Pre-built pages and pre-styled components
Blog with pagination and category pages
Disqus comments support
Multi-author support
SEO tags and Google Analytics support
Elate is a single-page portfolio theme ported to Hugo from the original Bootstrap HTML5 theme by Pieter Saey. It features a smooth parallax and animation effect on sections, a responsive portfolio grid, and a contact form.
Elate's key features:
Parallax and animation effects
4 styles included
Single-page layout with sections concentrates SEO results
Showfolio is a Hugo theme for technically inclined job hunters, with a modern, fun aesthetic. The blog section itself, complete with snippet view, is particularly well designed for readers. And the front-page Codepen embeds are perfect for showing off recent projects and new code experiments to prospective employers.
Showfolio's key features:
Crisply styled Codepen embeds
Dark mode
Social links
Responsive content
A simple e-commerce theme with easy SnipCart integration, Fur is ideal for either a business's first foray into e-commerce or an existing storefront wanting a performance boost. With CloudCannon's editing capabilities built in, even non-technical business owners will be able to update products, prices, and any other content.
* Take payments online using SnipCart — read the [straightforward Fur setup guide](https://snipcart.com/blog/hugo-tutorial-static-site) * RSS/Atom feed * SEO tags and Google Analytics support * [Deploy to CloudCannon with a single click](https://app.cloudcannon.com/#sites/templates/hugo/fur)
Docsy is an intuitive and clean theme for technical documentation sets, providing clear organization, easy navigation, site structure, and even an optional blog section.
Docsy's key features:
Pre-configured for core documentation features
Builds on Hugo's multi-language support for i18n
Allows for user feedback on documentation issues
Integration with GitHub, Google Analytics, Google Custom Search, Algolia DocSearch, and Lunr
Can be configured for continuous builds from source repositories
Fiction is a modern business template made with the Bootstrap CSS framework. It was designed by Themefisher, and the components have been converted to Bookshop, allowing live rendering editing and component browsing.
Fiction's key features:
Optimised for live editing in CloudCannon
Pre-built pages
Pre-styled components
Contact form
Blog with pagination and category pages
Configurable navigation and footer
Multiple hero options — single image, image slider and video
Megakit is a business-style template with drop-down navigation, blog, a wide range of components and best of all, a clean design that can be adjusted to suit your needs. It was designed by Themefisher as a Bootstrap theme, and was adapted for Hugo and Bookshop, enabling live rendering editing on the page.
Megakit's key features:
Optimised for live editing in CloudCannon
Pre-built pages
Configurable footer
Blog with pagination and category pages
Justice is, by default, a law firm-themed template, but can be easily modified to fit any local business. This clean layout can easily be adjusted to fit any client’s branding, and integrates natively with CloudCannon's collaborative CMS for intuitive and lightning-fast visual editing.
Justice's key features:
Minimal and flexible for any business, with a clean and clear layout
Pre-built pages and pre-styled components
Author system and paginated blog, with Disqus comments for posts
SEO tags and Google Analytics support
RSS/Atom feed
There we have it — a range of top free Hugo themes for any number of use cases. Some, like Justice and Fur, are built for CloudCannon and work flawlessly with our visual editor. For those other themes, which allow you to build your sites locally, you can deploy the resulting static files through CloudCannon.
As part of our ongoing commitment to the Hugo community, in the coming weeks we’ll publish a guide to setting up existing Hugo themes to work with Bookshop for full component-based page building, as well as integration with the full power of our collaborative Hugo CMS. Stay tuned!
此内容由惯性聚合(RSS阅读器)自动聚合整理，仅供阅读参考。 原文来自 — 版权归原作者所有。