Razon Yang(39)

February 15, 2023 1 min read Documentations
NO IMAGE
Module Docs Syntax Highlighting

Syntax Highlighting

HB provides various of syntax highlighting modules, this article lists the supported styles.

February 13, 2023 1 min read Documentations
Code Block Panel
Module Docs Code Block Panel

Code Block Panel

The code block panel provides abilities to expand code, copy code, wrap code and toggle code line numbers.

February 4, 2023 1 min read Documentations
NO IMAGE
Module Docs

Modules Overview

This article shows how to install, uninstall and upgrade modules.

February 4, 2023 1 min read Documentations
NO IMAGE
Module Docs Back to top Return to top

Back to Top

AKA return to top, a button to back to top.

February 4, 2023 1 min read Documentations
NO IMAGE
Module Docs Progress Bar

Progress Bar

A progress bar will be shown when opening a new page in the current tab and window.

January 22, 2023 1 min read Documentations
NO IMAGE
Diagrams Docs Mermaid GoAT

Diagrams

HB supports GoAT and Mermaid for rendering diagrams.

January 22, 2023 1 min read Documentations
Mermaid
Module Docs Mermaid Diagrams

Mermaid

Mermaid is a JavaScript-based diagramming and charting tool that uses Markdown-inspired text definitions and a renderer to create and modify complex diagrams.

December 19, 2022 2 min read Documentations
NO IMAGE
Build Tools Configuration Docs NPM Yarn Go Hugo Git NodeJS PurgeCSS RTLCSS Autoprefixer

Prerequisites

Please make sure you meet the prerequisites prior to using or developing the HB and its modules. Required Configurations TOML YAML JSON hugo.toml 1[build] 2 writeStats = true hugo.yaml 1build: 2 writeStats: true hugo.json 1{ 2 "build": { 3 "writeStats": true 4 } 5} The build.writeStats is used to collect used CSS, such as classes, ids and tags, which will be used to purging unused CSS. Build Tools Name Version Description Hugo For building site.
December 14, 2022 1 min read Documentations
NO IMAGE
Develop Docs CSS HTML JavaScript SCSS Style Guide TypeScript

Style Guide

Undoubtedly, the same coding style helps developers to cooperate with each other. We suggest taking a few minutes to learn about the coding style used, if you’re going to help us improve the code.

Prev
Next