HB Theme Template
The starter theme template of HB Framework.
Features
- Fast and SEO friendly: PageSpeed Insight scored perfect 💯 in all four metrics on mobile and desktop.
- Multi-purpose: blog, project documentations, digital garden, gallery, landing pages and so on.
- Responsive: mobile first, built on top of Bootstrap v5.3.
- 🧊 Modular and flexible: extend features via various modules.
- 🌓 Dark mode: light, dark or auto (follow system).
- 🔍 Search: powerful client side fuzzy search that allows filtering and sorting of results, as well as searching from all multilingual sites.
- PurgeCSS: remove unused CSS.
- 🚀 PWA:
- Installable: add site to home screen.
- Offline available: offline page and offline image.
- Allow precaching resources, such as CSS, JS and fonts.
- Advanced:
- Custom SCSS variables and style.
- Custom JavaScript.
- Custom HTML markup:
- 🖼️ Images Processing: process images via URL query string and fragment, such as alignment, resizing, cropping and so on, friendly to Markdown.
- 💻 Code block panel: expand toggle, code copy button, line number toggle and wrap toggle.
- Menus: supports header menus and footer menus.
- 🖼️ Image viewer: zoom in/out image.
- 🗂️ Archives: group by year and month.
- 📝 Multiple authors: articles can be co-authored.
- 🌐 Multilingual.
- ⬅️ RTL: supports Right-to-Left languages.
- ⬆️ Back/Return to top button.
- Social links: supports header and footer social links.
- Content: supports KaTex (math), Mermaid (diagrams) and Bootstrap shortcodes.
- ...
Live Demos
| Platform | URL |
|---|---|
| Cloudflare Pages | https://hb-theme.hugomods.com/ |
| GitHub Pages | https://hbstack.github.io/theme/ |
| Netlify | https://hb-theme.netlify.app/ |
Screenshot
React
Typescript
Django
Laravel
Facebook
Microsoft
Google
Alibaba
D3
Tencent