Docs Overview
Docs Overview
The docs module provides the basic layouts and templates for docs site, it’s useful for writing project documentation, digital garden, users guides and tutorials.
Creating Content
Creating Content
Content is the most basic and core part of a site. This article will introduce some basic concepts of content and how to create it.
Deploy on Cloudflare Pages
Deploy on Cloudflare Pages
In this article, you’ll learn how to deploy your site on Cloudflare Pages.
Background Image Module
Background Image Module
As literally, this module sets the background image for pages.
No Script Module
No Script Module
The noscript module display a alert message if the user browser doesn’t support JavaScript.
Bigger Picture Module
Bigger Picture Module
When clicking any non-linkable image, the bigger picture module shows the original size of the the clicked image.
Footer Menus
Footer Menus
This article describes how to configure the footer’s menus.
Base Module
Base Module
The base module provides several basic layouts and templates for other modules, such as a landing page, a custom 404 page, a header and a footer module.
Search Module
Search Module
The search module integrates HB with the Hugo Search Module, a powerful, flexible and responsive Hugo client side fuzzy search module.
Multilingual Configuration
Multilingual Configuration
Previously, we had a rough understanding of Hugo’s configuration structure, and then we will introduce how to configure multilingual sites.
Menus Configuration
Menus Configuration
This article describes the properties of the menu entry and how to config the menus.
Configuration Structure
Configuration Structure
This article will try to briefly introduce Hugo’s configuration structure.
Header Menus
Header Menus
This article describes how to configure the header’s menus.
Footer Overview
Footer Overview
This module is a universal footer, which ships with menus and some useful sub modules, i.e. social links.
Socials Module
Socials Module
Module to generate social links.
Header's Language Picker Module
Header's Language Picker Module
The header’s language picker module for users to switch supported languages, it’s useful for multilingual sites.
Header Search Module
Header Search Module
The header’s search module displays a search form and button to open the search modal.
Footer Socials
Footer Socials
The footer’s socials generates social links.
Header Socials Module
Header Socials Module
The header’s socials generates social links.
Header Theme Toggle Module
Header Theme Toggle Module
The header’s theme toggle module for switching light, dark or auto (follow system) color mode.
Header Overview
Header Overview
The header module is a universal top app bar that ships with some useful sub modules, such as search form, social links, light/dark mode toggle and language picker.
Scrollbar Module
Scrollbar Module
The scrollbar module changes the default browser scrollbar style.
Module Guide
Module Guide
Do you want to create and share your creative HB modules? Here is everything you want to know.
Syntax Highlighting Modules
Syntax Highlighting Modules
HB provides various of syntax highlighting modules, this article lists the supported styles.
Code Block Panel
Code Block Panel
The code block panel provides abilities to expand code, copy code, wrap code and toggle code line numbers.
Modules Overview
Modules Overview
This article shows how to install, uninstall, upgrade, clean and tidy modules.
Back to Top Module
Back to Top Module
AKA return to top, a button to back to top.
Progress Bar Module
Progress Bar Module
A progress bar will be shown when opening a new page in the current tab and window.
Mermaid Module
Mermaid Module
Mermaid is a JavaScript-based diagramming and charting tool that uses Markdown-inspired text definitions and a renderer to create and modify complex diagrams.
Troubleshooting
Troubleshooting
The list of known issues and corresponding solutions.