HB - Hugo Bootstrap 框架

HB 框架

使用 Hugo 和 Bootstrap 构建快速现代响应式模块化的静态网站。

赞助商

功能特性

FOSS

自由和开放源码软件,代码许可:MIT

响应式

移动端优先,基于 Bootstrap 5.3+。

模块化

内置一百多个模块,你还可以编写自己的模块。

SASS/SCSS

通过 SASS/SCSS 定制 Bootstrap 和 HB 框架。

颜色模式

支持浅色、深色或自动(跟随系统)。

Hugo Pipes

用强大的 Hugo Pipes 建设网站。

RTL

通过 RTLCSS 以支持从右到左的书写语言。

PurgeCSS

移除站点中未曾使用的样式。

最新文章

新闻 2023年12月5日
HB 卡片主题已发布
我们很荣幸地宣布,我们的新卡片主题现在可用了。
模块 2023年11月15日
谷歌字体模块
该模块将谷歌字体整合于 HB 框架,其允许制定多个字体及其轴范围。
模块 2023年11月1日
页头新闻模块
The HB 页头新闻模块作为公告栏模块的替代品,其自动显示最近的新闻。
新闻 2023年10月31日
NO IMAGE
Hugo v0.120.0 样式损坏补丁
以下补丁修复了 Hugo v0.120.0 构建站点时出现的样式损坏问题。
模块 2023年10月12日
页头谷歌自定义搜索引擎模块
于页头添加谷歌自定义搜索引擎。
博客 2023年10月10日
NO IMAGE
替换元模块
如何替换元模块。
模块 2023年10月8日
NO IMAGE
HB 博客侧边栏简介模块
通过标题、描述、位置、社交连接等较少你自己或你的公司。
新闻 2023年9月3日
NO IMAGE
页头断点
页头模块引入了一个名为 breakpoint 的参数,以控制折叠和展开的行为。
HB - Hugo Bootstrap 框架 2023年9月2日
NO IMAGE
使用 HB 框架的网站
谁在使用 HB 框架?
页面示例 2023年9月2日
NO IMAGE
页头横幅动画
于页头横幅标题和描述上应用 AOS 动画。
页面示例 2023年9月1日
HLS 视频横幅
于页头横幅上显示播放 HLS 视频。
页面示例 2023年9月1日
MPEG DASH 视频横幅
于页头横幅播放 MPEG DASH 视频。

谁正在使用 HB 框架?

如何添加我的网站?

8 sites in total.

HB Framework Hugo Modules Razon Yang Squey Start Page EvaNOTE Learn-Software.com insights.ditatompel.com
  • 全部
  • English
  • 简体中文
  • 繁體中文
  • 最佳匹配
  • 最旧的
  • 最新的
  • 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
  • 主题
  • 代码块面板
  • 优酷
  • 作者
  • 元模块
  • 公告栏
  • 内容面板
  • 内容面板模块
  • 分类
  • 分页
  • 动画
  • 博客
  • 卡片
  • 哔哩哔哩
  • 回到顶部
  • 图库
  • 图标
  • 图片
  • 图片链接
  • 图表
  • 域名
  • 备案
  • 多语言
  • 字体
  • 幻灯片
  • 搜索
  • 文档
  • 文章
  • 断点
  • 新闻
  • 标题链接
  • 浅色模式
  • 深色模式
  • 滚动条
  • 特色图片
  • 目录
  • 相关文章
  • 社交链接
  • 简介
  • 网易云音乐
  • 联系表单
  • 背景图片
  • 菜单
  • 视频
  • 评论
  • 评论引擎
  • 语法高亮
  • 语言选项
  • 谷歌
  • 谷歌字体
  • 返回顶部
  • 进度条
  • 钩子
  • 面包屑导航
  • 页头
  • 页头菜单
  • 页尾
  • 页尾菜单
  • 风格指南
  • 主題
  • 代碼塊面板
  • 備案
  • 優酷
  • 元模塊
  • 內容面板
  • 內容面板模塊
  • 公告欄
  • 分頁
  • 分類
  • 動畫
  • 嗶哩嗶哩
  • 回到頂部
  • 圖庫
  • 圖標
  • 圖片
  • 圖片鏈接
  • 圖表
  • 多語言
  • 字體
  • 幻燈片
  • 文檔
  • 新聞
  • 斷點
  • 標題鏈接
  • 淺色模式
  • 滾動條
  • 特色圖片
  • 目錄
  • 相關文章
  • 社交鏈接
  • 簡介
  • 網易雲音樂
  • 聯繫表單
  • 背景圖片
  • 菜單
  • 視頻
  • 評論
  • 評論引擎
  • 語法高亮
  • 語言選項
  • 谷歌字體
  • 返回頂部
  • 進度條
  • 鉤子
  • 頁尾
  • 頁尾菜單
  • 頁頭
  • 頁頭菜單
  • 風格指南
  • 麪包屑導航