HB Cards Theme
HB Cards Theme
The cards style theme of HB Framework, live demo: https://theme-cards.hbstack.dev/. Documentations English 简体中文 Install from scratch 从头开始安装 Migrate from starter theme 从新手模板迁移 Screenshot Features Fast and SEO friendly: PageSpeed Insight scored perfect 💯 in all four metrics on mobile and desktop. Multi-purpose: blog, project documentations, digital gardens, 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).
Google Fonts Module
Google Fonts Module
This module integrates Google fonts with HB framework, which allow specifying multiple fonts and their axises.
Header News Module
Header News Module
The HB header news module is an alternative to the announcement bar, the recent news will be shown automatically.
Broken styles when building site via Hugo v0.120.0 or later
Broken styles when building site via Hugo v0.120.0 or later
There are some patches for correcting the broken styles when building site via Hugo v0.120.0 or later.
Header Google Custom Search Engine Module
Replace Meta Modules
Replace Meta Modules
How to replace the meta modules.
HB Blog Profile Sidebar Module
HB Blog Profile Sidebar Module
Introduce yourself or your company with title, description, location, social media and so on.
Applications
Look and Feel
Look and Feel
Tweak the look and feel of HB start theme.
Installation
Installation
Instructions to install the HB start theme.
Search Engines
Header Breakpoint
Header Breakpoint
The header module introduces a new parameter called breakpoint that used by collapsing and expanding.
HB Framework Showcases
Header Banner Animations
Header Banner Animations
Apply AOS animations on header banner title and description.
HLS Video Banner
HLS Video Banner
The example of showing a HLS video on the banner.
MPEG DASH Video Banner
MPEG DASH Video Banner
The example of showing a MPEG DASH video on the banner.
Normal Video Banner
Normal Video Banner
The example of showing a normal video on the banner.
Header Banner
Header Banner
Show a image or a video on the header.
Header Themes
Header Themes
This article shows the available header themes.
Contact Module
Contact Module

The contact module ships with a layout and shortcode for generating contact forms, which are designed to be compatible with mosts of form backends.

Blog Sidebar Overview
Blog Sidebar Overview

The blog module supports an optional sidebar layout.

Blog Sidebar Posts Module
Blog Sidebar Posts Module

This module shows the recent and featured posts on the blog’s sidebar.

Blog Taxonomies Sidebar Module
Blog Taxonomies Sidebar Module

This module shows the taxonomies on the blog’s sidebar.

Install on Existing Sites
Install on Existing Sites

This guide introduces how to install HB and modules to existing sites.

Announcement Bar
Announcement Bar

The announcement bar module makes important thing stand out, such as news and project’s releases.

Inline Frame Module
Inline Frame Module

This module ships with an universal inline frame shortcode.

Blog Staticman Comments Module
Docs Staticman Comments Module
Staticman Comments Module
Staticman Comments Module

The staticman comments module ships with flexible template for other modules, to generate comment form and show the nested comments.

Pagination
Pagination

This module ships with an universal pagination template, which allows configuring by parameters, such as alignment, size and the number of siblings.