You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
Michael Pappe 5237a9a4e2 background 6 months ago
.github Create FUNDING.yml 2 years ago
archetypes bootstrap and example 2 years ago
assets Bootstrap v4.6.0 6 months ago
exampleSite Added searchkey parameter (e.g. Baidu search) 6 months ago
images hugo screenshot sizes 2 years ago
layouts Bootstrap v4.6.0 6 months ago
static background 6 months ago
.gitignore minor gitignore update 11 months ago
LICENSE Initial commit 2 years ago initial 2 years ago Merge 6 months ago
theme.toml Semantic Versioning 2 years ago

Bootstrap-BP hugo startpage MIRROR

Bootstrap based Hugo startpage theme which provides out of the box best practices. This theme is a combination of my Bootstrap-BP hugo theme and my 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, Materialize-BP, 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.

mkdir themes
cd themes
git clone

You can get a zip of the latest version of the theme from the home page 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).

  name = "Google"
  activated = true
  url = ""

  name = "DuckDuckGo"
  activated = true
  url = ""

  name = "Bing"
  activated = true
  url = ""

  name = "Baidu"
  activated = true
  url = ""
  searchkey = "kw"

startPageColumns = false

startPageColumns = true

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

- group: Social media
    - title: reddit
      icon: fab fa-reddit
    - title: Facebook
      icon: fab fa-facebook
- group: Utilities
    - title: GitHub
      icon: fab fa-github

Icons are taken from Font Awesome.


Inspired by: