A fast, responsive and feature-rich Hugo theme for personal blog and documentations.
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.
- 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.
English | 简体中文 | 繁體中文 |
---|---|---|
Getting Started | 快速入门 | 快速入門 |
Configuration | 配置 | 配置 |
Menu | 菜单 | 菜單 |
Look and Feel | 观感 | 觀感 |
FAQ | 常见问题 | 常見問題 |
Get Involved | 参与我们 | 參與我們 |
- 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
andiframe
. - 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.