theme
theme copied to clipboard
hbstack
HB starter theme for blog, docs, digital garden, gallery and landing pages. HB 新手博客、文档、数字花园、图库和落地页主题。
HB Theme Template
The starter theme template of HB Framework, live demo: https://theme.hbstack.dev/.
News
Our cards style theme is available now.
Documentation
| English | 简体中文 |
|---|---|
| Prerequisites | 先决条件 |
| Installation | 安裝 |
| Configuration | 配置 |
| Content | 内容 |
| Deployment | 部署 |
| Modules | 模块 |
Features
- Fast and SEO friendly: PageSpeed Insight scored perfect :100: in all four metrics on mobile and desktop.
- Multi-purpose: blog, project documentation, digital garden, gallery, landing pages and so on.
- Responsive: mobile first, built on top of Bootstrap v5.3.
- :ice_cube: Modular and flexible: extend features via various modules.
- :first_quarter_moon: Dark mode: light, dark or auto (follow system).
- :mag: 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.
- :rocket: 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:
- :framed_picture: Images Processing: process images via URL query string and fragment, such as alignment, resizing, cropping and so on, friendly to Markdown.
- :computer: Code block panel: expand toggle, code copy button, line number toggle and wrap toggle.
- Menus: supports header menus and footer menus.
- Related posts slide.
- :framed_picture: Image viewer: zoom in/out image.
- :card_index_dividers: Archives: group by year and month.
- :memo: Multiple authors: articles can be co-authored.
- :globe_with_meridians: Multilingual.
- :arrow_left: RTL: supports Right-to-Left languages.
- :arrow_up: Back/Return to top button.
- Social links: supports header and footer social links.
- Content: supports KaTex (math), Mermaid (diagrams) and Bootstrap shortcodes.
- ...
Screenshot
hbstack