HugoHTML启动器

bootstrap-bp-hugo-startpage — Hugo 启动器模板

作者 spech66

基于 Bootstrap 的 Hugo 起始页主题，把链接分组渲染成完整的单页站点，并内置搜索框与 Font Awesome 图标支持。

打开源站下载源码 ZIP

看看你的网站会是什么样

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

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

来自项目 README 的原始预览。

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

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

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

值得关注的模板亮点

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

01

基于 Bootstrap 构建的 Hugo 起始页主题，生成完整单页站点而非按需渲染条目

02

链接数据集中在 data/links.yml，按 group 分组，每项含 title、url、icon

03

内置搜索框，可在 params.searchEngines 中启用或新增搜索引擎，并支持自定义查询参数名

04

通过 welcomeText 设置搜索框上方文字，通过 startPageColumns 切换分组列表展示

05

图标使用 Font Awesome 图标类名

06

MIT 许可，允许免费使用、修改、商用和分发

模板详细介绍

Bootstrap-BP hugo startpage 是 Sebastian Pech 开发的 Hugo 主题，定位为浏览器起始页（startpage）。它把作者的 Bootstrap-BP Hugo 主题与 startpage 项目结合，与后者按需渲染条目的方式不同，这个主题会生成一个完整的单页站点。

使用方式上，链接数据放在 data/links.yml 中，按 group 分组、每项包含 title、url 和 icon 字段，图标取自 Font Awesome。主题设置尽量沿用 Hugo 自身的变量，只补充少量可选参数：welcomeText 控制搜索框上方的文字，startPageColumns 决定起始页是否以分组列表形式展示。搜索框支持配置多个搜索引擎，通过 params.searchEngines 数组声明 name、activated、url，个别引擎可额外指定 searchkey（如百度使用 kw）。

安装方式为在 Hugo 站点目录内创建 themes 文件夹并 git clone 仓库，或下载 zip 解压到 themes 目录。仓库以 MIT 许可发布，代码可免费使用、修改、商用和分发；但背景图等第三方素材需按各自许可单独核对。

HugoHTML启动器

适合你的项目吗？

适用场景

  • 搭建个人浏览器起始页，把常用站点按社交、工具等分组集中展示
  • 在起始页顶部提供搜索框，并在 Google、DuckDuckGo、Bing、百度等引擎间切换
  • 需要以分组列表形式浏览链接，而不是平铺展示时启用 startPageColumns
  • 作为 Hugo 站点使用，通过 data/links.yml 维护链接内容而无需改动模板代码

适合人群

  • 使用 Hugo 并希望快速搭建个人起始页的开发者
  • 习惯用 YAML 数据文件维护书签链接、不想手写 HTML 的用户
  • 需要多搜索引擎切换入口的起始页场景
  • 接受 Bootstrap 与 Font Awesome 前端依赖的项目

上手与定制指南

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

  1. 1

    在 Hugo 站点目录内执行 mkdir themes && cd themes && git clone https://github.com/spech66/bootstrap-bp-hugo-startpage.git，或下载 zip 解压到 themes 目录

  2. 2

    在 data/links.yml 中按 group 与 items 结构定义链接，每项提供 title、url、icon

  3. 3

    在配置中通过 params.searchEngines 数组启用搜索引擎，必要时为引擎指定 searchkey

  4. 4

    可选参数 welcomeText 设置搜索框上方文字，startPageColumns 控制是否以分组列表展示

  5. 5

    背景图等第三方素材需按各自许可单独核对，不能仅依据代码的 MIT 许可判断

查看仓库使用说明

授权与来源资料

使用条件与限制

免费使用 · 保留许可声明

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

使用时需要遵守

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

额外费用与待核对事项

  • 图标使用 Font Awesome 图标类名，Font Awesome 为第三方资源，其许可与代码的 MIT 许可相互独立，需自行核对 Font Awesome 的授权条款。
  • 主题使用的背景图来自第三方作者 Mikael Gustafsson，属于单独授权的素材，不在 MIT 代码许可范围内，商用或再分发前需单独确认其授权。
  • 演示图片、字体、图标及其他第三方素材需按各自许可核对，不能仅凭代码的 MIT 许可判断。
  • 域名、托管、数据库、支付或 AI 等外部服务可能另外收费。
查看原文依据

Permission is hereby granted, free of charge

许可证原文

Icons are taken from [Font Awesome](https://fontawesome.com/icons?d=gallery).

README 原文

* Background image by [Mikael Gustafsson](https://www.artstation.com/artwork/Y2Wew)

README 原文
https://github.com/spech66/bootstrap-bp-hugo-startpage/blob/master/LICENSEhttps://github.com/spech66/bootstrap-bp-hugo-startpage/blob/master/README.md

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

项目核对记录与介绍依据

模板资料

来源平台
Hugo Themes
资料与维护参考分
资料较完整 · 80 / 100
技术栈
Hugo · HTML
网站类型
启动器
这个分数如何计算

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

这个项目需要核对什么

记录的仓库更新时间
2026-07-18
截图检查日期
2026-10-03

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

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

查看具体选型方法 →

介绍的制作与核对状态

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

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

查看当时使用的来源资料

SHA-256: b95f721bb7baccd70b633ec3e12908b983485e5dbf2435f7ffaa034f6dca4939

2026-10-03T05:04:31.915Z

来源文件 / 仓库
# Bootstrap-BP hugo startpage

Bootstrap based Hugo startpage theme which provides out of the box best practices.
This theme is a combination of my [Bootstrap-BP hugo theme](https://github.com/spech66/bootstrap-bp-hugo-theme) and my [startpage](https://github.com/spech66/startpage).
Instead of rendering the items on-the-fly as in the startpage theme the **Bootstrap-BP hugo startpage** will generate a complete single page site.

Other themes by Sebastian Pech: [Bootstrap-BP](https://github.com/spech66/bootstrap-bp-hugo-theme), [Materialize-BP](https://github.com/spech66/materialize-bp-hugo-theme),
[Bootstrap-BP hugo startpage](https://github.com/spech66/bootstrap-bp-hugo-startpage).

## Install the theme

With Git installed, run the following commands inside the Hugo site folder. If Hugo has not yet been installed, read the setup guide [here](https://gohugo.io/getting-started/quick-start/).

```sh
mkdir themes
cd themes
git clone https://github.com/spech66/bootstrap-bp-hugo-startpage.git
```

You can get a zip of the latest version of the theme from the [home page](https://github.com/spech66/bootstrap-bp-hugo-theme) and extract it to the themes folder.

## Theme settings

Most settings should be done with hugo specific variables. There are only a few (optional) additional `[params]`.

* `welcomeText = "Startpage!"` is the text above the search box
* `startPageColumns = true` will show the start page in grouped lists

Activate the search engine you want to use (or add a new one).

```toml
[[params.searchEngines]]
  name = "Google"
  activated = true
  url = "https://www.google.com/search"

[[params.searchEngines]]
  name = "DuckDuckGo"
  activated = true
  url = "https://duckduckgo.com/"

[[params.searchEngines]]
  name = "Bing"
  activated = true
  url = "https://www.bing.com/search"

[[params.searchEngines]]
  name = "Baidu"
  activated = true
  url = "https://baidu.com/"
  searchkey = "kw"
```

![startPageColumns = false](https://raw.githubusercontent.com/spech66/bootstrap-bp-hugo-startpage/master/images/screenshot.png)

![startPageColumns = true](https://raw.githubusercontent.com/spech66/bootstrap-bp-hugo-startpage/master/images/screenshot2.png)

Define the links in a file in `data/links.yml`. This needs to be structured like this.

```yml
---
- group: Social media
  items:
    - title: reddit
      url: https://www.reddit.com
      icon: fab fa-reddit
    - title: Facebook
      url: https://www.facebook.com
      icon: fab fa-facebook
- group: Utilities
  items:
    - title: GitHub
      url: https://www.github.com
      icon: fab fa-github
```

Icons are taken from [Font Awesome](https://fontawesome.com/icons?d=gallery).

## Sources

* Background image by [Mikael Gustafsson](https://www.artstation.com/artwork/Y2Wew)

Inspired by:

* [Reddit - r/startpages](https://www.reddit.com/r/startpages/)
* [Github - 0-Tikaro - Minimum Viable Startpage](https://github.com/0-Tikaro/minimum-viable-startpage), Searchbox code
* [Github - ViktorKare - startpage](https://github.com/ViktorKare/startpage)
反馈内容错误

看看同类模板

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

hugo-xmin

hugo-xmin

eXtremely Minimal Hugo theme: about 140 lines of code in total, including HTML and CSS (with no dependencies)

Hugo · 启动器

hugo-theme-gallery

hugo-theme-gallery

Gallery Theme for Hugo

Hugo · 启动器

reveal-hugo

reveal-hugo

📽️ Create rich HTML-based presentations with Hugo and Reveal.js

Hugo · 启动器

anatole

anatole

Anatole is a minimalistic two-column theme for Hugo.

Hugo · 启动器

hugo-theme-diary

hugo-theme-diary

Moments piled up. A Hugo theme ported from SumiMakito/hexo-theme-Journal.

Hugo · 启动器

risotto

risotto

A minimalist, responsive hugo theme inspired by terminal ricing aesthetics.

Hugo · 启动器