Markdown Syntax Guide
Markdown Syntax Guide
Sample article showcasing basic Markdown syntax and formatting for HTML elements.
Disqus
Disqus

This module adds support for the Disqus comments engine.

Docs Disqus
Docs Disqus

This module adds support for the Disqus comments engine.

Blog Utterances Comments Engine
Blog Utterances Comments Engine

This module adds support for the Utterances comments engine, which built on top of GitHub issues.

Utterances
Utterances

This module adds support for the Utterances comments engine, which built on top of GitHub issues.

Blog Giscus Comments Engine
Blog Giscus Comments Engine

This module adds support for the Giscus comments engine, which powered by GitHub Discussions.

Docs Giscus Comments Engine
Docs Giscus Comments Engine

This module adds support for the Giscus comments engine, which powered by GitHub Discussions.

Blog Authors
Blog Authors

The blog module supports multiple authors by default.

Blog Overview
Blog Overview

The blog module provides the basic layouts and templates for blog site.

Docs Overview
Docs Overview

The docs module provides the basic layouts and templates for docs site, it’s useful for writing project documentations, 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

The socials module is a helper 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.

  • All
  • English
  • 简体中文
  • 繁體中文
  • Best match
  • Oldest
  • Newest
  • 2020
  • 2022
  • 2023
  • HB Framework Authors
  • Hugo Authors
  • Banner
  • Build Tools
  • Comments
  • Configuration
  • Deployment
  • Develop
  • Footer
  • Header
  • Inline Frame
  • Installation
  • Look and Feel
  • Menus
  • Module
  • Modules
  • Shortcode
  • Sidebar
  • 侧边栏
  • 内容
  • 安装
  • 开发
  • 构建工具
  • 概览
  • 模块
  • 横幅
  • 短代码
  • 菜单
  • 观感
  • 评论
  • 部署
  • 配置
  • 页头
  • 页尾
  • 側邊欄
  • 內容
  • 安裝
  • 概覽
  • 構建工具
  • 模塊
  • 橫幅
  • 短代碼
  • 菜單
  • 觀感
  • 評論
  • 開發
  • 頁尾
  • 頁頭
  • Docs
  • Examples
  • Modules
  • News
  • Showcases
  • Themes
  • Tutorials
  • 教程
  • 文档
  • 新闻
  • 模块
  • 示例
  • 文檔
  • 新聞
  • 模塊
  • Alert
  • Animations
  • AOS
  • Applications
  • asciinema
  • Authors
  • Autoprefixer
  • Back to top
  • Background Image
  • beian
  • Bigger Picture
  • Bilibili
  • Blog
  • Bootstrap
  • Breadcrumb
  • Breakpoint
  • Classic
  • clean
  • Clearfix
  • Cloudflare Pages
  • Code Block Panel
  • CodePen
  • Comments
  • Comments Engine
  • Config Toggle
  • Contact
  • Contact Form
  • Content Panel
  • CSS
  • Dark Mode
  • defaultContentLanguageInSubdir
  • Diagrams
  • Disqus
  • Docker
  • Docs
  • DocSearch
  • Domain
  • Featured Image
  • Figure
  • Fonts
  • Footer
  • Footer Menus
  • frame
  • Gallery
  • GCSE
  • Giscus
  • Gist
  • Git
  • GitHub Pages
  • Go
  • Google
  • Google Fonts
  • graph
  • Header
  • Header Menus
  • Heading Sign
  • Highlight
  • HLS
  • Hooks
  • HTML
  • Hugo
  • Icon
  • iframe
  • Image
  • Image Link
  • Instagram
  • Introduction
  • JavaScript
  • JS
  • JSRun
  • KaTex
  • Language Picker
  • Lead
  • Light Mode
  • Markdown
  • Menus
  • Mermaid
  • Meta
  • Module
  • MPD
  • MPEG-DASH
  • Multilingual
  • NetEase Could Music
  • Netlify
  • News
  • Node.js
  • noscript
  • NPM
  • Pagination
  • Param
  • Picture
  • Pills
  • PostCSS
  • Posts
  • Profile
  • Progress Bar
  • PurgeCSS
  • PWA
  • Ratio
  • ref
  • Related Posts
  • relref
  • Return to top
  • RTLCSS
  • Scrollbar
  • Scrollspy
  • SCSS
  • Search
  • Search Engines
  • Slide
  • Social Links
  • Socials
  • Start Page
  • Staticman
  • Style Guide
  • Syntax Highlighting
  • Table of Contents
  • Taxonomies
  • Theme
  • Themes
  • tidy
  • ToC
  • Toggle
  • Tweet
  • Twikoo
  • TypeScript
  • Utterances
  • Videos
  • Vimeo
  • YouKu
  • YouTube
  • Front Matter
  • JSON
  • TOML
  • YAML
  • 主题
  • 代码块面板
  • 优酷
  • 作者
  • 元模块
  • 公告栏
  • 内容面板
  • 内容面板模块
  • 分类
  • 分页
  • 动画
  • 博客
  • 哔哩哔哩
  • 回到顶部
  • 图库
  • 图标
  • 图片
  • 图片链接
  • 图表
  • 域名
  • 备案
  • 多语言
  • 字体
  • 幻灯片
  • 搜索
  • 文档
  • 文章
  • 断点
  • 新闻
  • 标题链接
  • 浅色模式
  • 深色模式
  • 滚动条
  • 特色图片
  • 目录
  • 相关文章
  • 社交链接
  • 简介
  • 网易云音乐
  • 联系表单
  • 背景图片
  • 菜单
  • 视频
  • 评论
  • 评论引擎
  • 语法高亮
  • 语言选项
  • 谷歌
  • 谷歌字体
  • 返回顶部
  • 进度条
  • 钩子
  • 面包屑导航
  • 页头
  • 页头菜单
  • 页尾
  • 页尾菜单
  • 风格指南
  • 主題
  • 代碼塊面板
  • 備案
  • 優酷
  • 元模塊
  • 內容面板
  • 內容面板模塊
  • 公告欄
  • 分頁
  • 分類
  • 動畫
  • 嗶哩嗶哩
  • 回到頂部
  • 圖庫
  • 圖標
  • 圖片
  • 圖片鏈接
  • 圖表
  • 多語言
  • 字體
  • 幻燈片
  • 文檔
  • 新聞
  • 斷點
  • 標題鏈接
  • 淺色模式
  • 滾動條
  • 特色圖片
  • 目錄
  • 相關文章
  • 社交鏈接
  • 簡介
  • 網易雲音樂
  • 聯繫表單
  • 背景圖片
  • 菜單
  • 視頻
  • 評論
  • 評論引擎
  • 語法高亮
  • 語言選項
  • 谷歌字體
  • 返回頂部
  • 進度條
  • 鉤子
  • 頁尾
  • 頁尾菜單
  • 頁頭
  • 頁頭菜單
  • 風格指南
  • 麪包屑導航