HugoHTML博客

hugo-bootstrap-5 — Hugo 博客模板

作者 NotWoods

基于 Bootstrap 5 的简洁 Hugo 博客主题，支持多语言与菜单配置，采用 MIT 许可。

打开源站下载源码 ZIP

看看你的网站会是什么样

浏览真实页面截图，比较内容排版与手机效果。点击下方缩略图切换，放大查看整页细节。

1 个预览视图
作者提供的预览
作者提供的预览首屏预览

来自项目 README 的原始预览。

目前有 1 张原始预览，可打开完整图片查看设计细节。

截图用于了解视觉与布局，交互效果请以实际项目为准。

采集于 2026-10-02查看来源

值得关注的模板亮点

从已有项目资料中，快速了解它的特点。

01

使用 Bootstrap 5 构建的 Hugo 博客主题

02

导航栏默认渲染 Hugo 的 main 菜单

03

支持多语言，i18n 默认包含英语和西班牙语翻译

04

品牌区域可通过覆盖 brand.html 局部模板替换

05

exampleSite 提供 config.toml 与品牌模板示例

06

以 git submodule 方式安装并更新

模板详细介绍

hugo-bootstrap-5 是一个使用 Bootstrap 5 构建的 Hugo 博客主题，作者说明其灵感来自 hugo-bootstrap。主题定位简洁，适合作为个人博客或内容站点的起点。

功能方面，主题通过 Hugo 的菜单模板渲染导航栏中的 main 菜单；支持多语言，i18n 目录默认提供英语和西班牙语翻译包；品牌区域可通过覆盖 layouts/partials/brand.html 替换。仓库的 exampleSite 目录提供 config.toml 配置示例与品牌局部模板示例，便于对照设置。

安装方式为将仓库作为 git submodule 添加到 Hugo 站点的 themes/hugo-bootstrap-5 目录，之后可通过更新 submodule 获取主题更新。README 未展开说明文章列表、分页、SEO 或评论等具体功能，使用前建议结合 exampleSite 与实际需求核对。

HugoHTML博客

适合你的项目吗？

适用场景

  • 使用 Hugo 搭建个人博客并希望采用 Bootstrap 5 样式
  • 需要多语言博客，且默认翻译包含英语与西班牙语
  • 希望通过覆盖局部模板自定义站点品牌区域
  • 以 git submodule 管理主题并随上游更新

适合人群

  • 熟悉 Hugo 目录结构与配置的开发者
  • 接受 Bootstrap 5 默认视觉风格的博客作者
  • 需要英语或西班牙语界面的多语言站点
  • 希望以 MIT 许可使用和修改主题代码的用户

上手与定制指南

结合仓库当前版本的说明，按下面的资料检查内容、配置与运行要求。

  1. 1

    在 Hugo 站点根目录执行 git submodule add https://github.com/NotWoods/hugo-bootstrap-5.git themes/hugo-bootstrap-5，并初始化、更新 submodule。

  2. 2

    参考 exampleSite/config.toml 配置站点，菜单需按 Hugo 菜单模板方式设置 main 菜单。

  3. 3

    如需替换品牌区域，在站点中创建 layouts/partials/brand.html，可参考 exampleSite/layouts/partials/brand.html。

  4. 4

    多语言翻译包位于主题的 i18n 目录，默认提供英语和西班牙语。

  5. 5

    演示图片、字体、图标等第三方素材需按各自许可单独核对。

查看仓库使用说明

授权与来源资料

使用条件与限制

免费使用 · 保留许可声明

本次收录的是公开仓库中采用 MIT 许可的免费版本；免费范围为该版本代码，不代表外部服务或第三方素材免费。

使用时需要遵守

  • 允许免费使用、修改、商用和分发该版本代码。
  • 分发代码副本或实质性部分时，保留原作者版权声明和完整 MIT 许可声明。
  • 代码按现状提供；担保与责任限制以原许可证及适用法律为准。

额外费用与待核对事项

  • 演示图片、字体、图标及其他第三方素材需按各自许可核对，不能仅凭代码的 MIT 许可判断。
  • 域名、托管、数据库、支付或 AI 等外部服务可能另外收费。
查看原文依据

Permission is hereby granted, free of charge

许可证原文
https://github.com/NotWoods/hugo-bootstrap-5/blob/main/LICENSE.mdhttps://github.com/NotWoods/hugo-bootstrap-5/blob/main/README.md

DeepSeek 根据仓库许可证和 README 整理 ·2026-10-02。结果仅覆盖已读取资料，依赖、图片、字体及后续条款变更以各自原文为准。

项目核对记录与介绍依据

模板资料

来源平台
GitHub
资料与维护参考分
资料一般 · 65 / 100
技术栈
Hugo · HTML
网站类型
博客
这个分数如何计算

本站按许可资料（最高30分）、演示链接（12分）、预览图（10分）、Star数（15分）、记录的维护时间（15分）、描述完整度（8分）、功能记录（5分）和分类资料（5分）计算。它不是代码、安全或性能测试，也不是 Google 评分；有链接不代表已实测可用。

这个项目需要核对什么

记录的仓库更新时间
2022-03-26
截图检查日期
2026-10-02

目前没有记录演示链接。请依据仓库说明在本地评估；仅凭截图无法确认交互行为。

目录记录的主要技术栈是 Hugo。请通过依赖清单和锁文件核对实际版本与托管要求。这些说明基于收录资料，不代表代码审计或部署实测。

查看具体选型方法 →

介绍的制作与核对状态

介绍由 AI 辅助整理目录与仓库资料。仓库作者不等于这篇介绍的审核者。

已完成服务器许可规则与 AI 来源核对；未经过人工编辑审核。

查看当时使用的来源资料

SHA-256: 675fb4b108e9756bda2d7a78da74ea44c64e3bce3014f9c20794414d00a2531e

2026-10-02T10:10:19.977Z

来源文件 / 仓库
# Hugo Bootstrap v5 Theme

This is a simple Hugo theme using [Bootstrap v5](https://getbootstrap.com/), inspired by [hugo-bootstrap](https://github.com/Xzya/hugo-bootstrap).

## Installation

You can install the theme either as a clone or submodule.

I recommend the latter. From the root of your Hugo site, type the following:

```shell
$ git submodule add https://github.com/NotWoods/hugo-bootstrap-5.git themes/hugo-bootstrap-5
$ git submodule init
$ git submodule update
```

Now you can get updates to the theme in the future by updating the submodule:

```
$ git submodule update --remote themes/hugo-bootstrap-5
```

## Demo

You can find a demo [here](https://themes.gohugo.io/theme/hugo-bootstrap-5/).

## Screenshots

![preview](https://raw.githubusercontent.com/NotWoods/hugo-bootstrap-5/master/images/screenshot.png)
![preview](https://raw.githubusercontent.com/NotWoods/hugo-bootstrap-5/master/images/screenshot2.png)

## Configuration

Check `exampleSite/config.toml` for an example configuration.

## Brand

The brand can be overriden by adding your own layout `layouts/partials/brand.html`. Check `exampleSite/layouts/partials/brand.html` for an example.

## Menu

The navbar displays the `main` menus by default. You can find more details about how to configure it [here](https://gohugo.io/templates/menu-templates/), as well as in the `exampleSite`.

## Multilanguage

The theme supports multiple languages.

You can find the default translation bundles in `i18n` (english and spanish by default).

## License

Open sourced under the [MIT license](./LICENSE.md).
反馈内容错误

看看同类模板

对比同技术栈与用途的模板，找到更适合的视觉与内容结构。

hugo-PaperMod

hugo-PaperMod

PaperMod 是 Hugo 生态里知名度较高的主题之一，定位很明确：给博客和轻量作品集站点提供一套干净、响应式的阅读界面。

Hugo · 作品集

LoveIt

LoveIt

❤️A clean, elegant but advanced blog theme for Hugo 一个简洁、优雅且高效的 Hugo 主题

Hugo · 博客

hugo-coder

hugo-coder

A minimalist blog theme for hugo.

Hugo · 博客

blowfish

blowfish

Personal Website & Blog Theme for Hugo

Hugo · 博客

hugo-paper

hugo-paper

🪺 A simple, clean, customizable Hugo theme

Hugo · 博客

hextra

hextra

Hextra 是一个 Hugo 主题，定位在文档站与博客之间：既提供侧边栏导航、目录、面包屑、分页这类文档站结构，也能承载博客内容。

Hugo · 文档