Hugo Bootstrap Theme

A fast, responsive and feature-rich Hugo theme for personal blog and documentations.

NOTE

Since v0.68.0, HBS uses Hugo Pipes to generate CSS and JS assets, there are a lot of breaking changes, please check out the CHANGELOG and UPGRADE.md for details.

Screenshots

Demo Sites

• https://hbs.razonyang.com/ - Deploy on Netlify.
• https://hbs-cn.razonyang.com/ - Self-Hosted server located in China.

There is also a list of websites that use this theme.

Docs

English	简体中文	繁體中文
Getting Started	快速入门	快速入門
Configuration	配置	配置
Menu	菜单	菜單
Look and Feel	观感	觀感
FAQ	常见问题	常見問題
Get Involved	参与我们	參與我們

Features

• Hugo Pipes: used to generate CSS and JS assets.
• Flexible and Configurable.
• Fast and Good User Experience: Google PageSpeed Insights's score is over 95.
• Built on top of custom Bootstrap 5.
• 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).
• Search.
• Pinning Posts.
• Footer Menu.
• Code Block Panel: copy code, line number, line wrap and expand.
• 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 and Utterances 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.