Hugo Bootstrap Theme(HBS) is a fast, responsive, multipurpose and feature-rich Hugo theme. It is used for blog and document sites typically.
🎉 Our
new modular theme
is available now, which ships with much more features and higher flexibility, please consider giving it a try for your new static sites. :)
This theme provides several kinds of layouts, such as
posts
and
docs
.
Our documentation uses the
docs
layout. If you're looking for an example that using
posts
layout,
please take a look at the page
Markdown Syntax.
Goals
- Performance
- Friendly User Experience
- SEO
Features
- Hugo Pipes: used to generate CSS and JS assets.
- PurgeCSS: remove unused CSS.
- Flexible and Configurable.
- Fast and Good User Experience: Google PageSpeed Insights’s score is over 95.
- RTL support: Arabic demo site.
- Built on top of Bootstrap 5.
- FontAwesome icons.
- Responsive.
- PWA, AKA progressive web apps.
- Various Palettes:
blue
, blue-gray
, brown
, cyan
, green
, indigo
, orange
, pink
, purple
, red
, teal
, yellow
. - A Docs Layout for publishing project documentation, notes, digital gardens, zettelkastens etc.
- Light/Dark Mode.
- Font Size Switcher.
- Multilingual(I18N).
- Local Search.
- DocSearch.
- Pinning Posts.
- Footer Menu.
- Code Block Panel: copy code, line number, line wrap and expand.
- Code Toggle
- Breadcrumb.
- Archive.
- Image Viewer.
- Image Processing: resize and align images.
- Resources Lazy Loading:
image
and iframe
. - Syntax Highlighting.
- Reward Widget, AKA Buy Me a Coffee: any platform that supports QR code is supported.
- Table of Contents.
- Comments: Disqus, Utterances, Giscus and Staticman can be used out of box, you can also integrate with other comments services.
- Custom Assets: custom CSS and JS.
- Hooks: provides ability to add custom code on page.
- Social Links.
- Various Shortcodes.
- Twitter Cards and Open Graph.
- Creative Commons License.
- Contact Form.
- Numberify Headings Automatically.
Comments