Skip to content
Bootstrap based Hugo startpage theme which provides out of the box best practices.
HTML CSS
Branch: master
Clone or download
Fetching latest commit…
Cannot retrieve the latest commit at this time.
Permalink
Type Name Latest commit message Commit time
Failed to load latest commit information.
.github Create FUNDING.yml Sep 18, 2019
archetypes bootstrap and example Jul 22, 2019
assets Replaced Font Awesome CDN with local files Oct 13, 2019
exampleSite demo update Sep 29, 2019
images
layouts Replaced Font Awesome CDN with local files Oct 13, 2019
static Replaced Font Awesome CDN with local files Oct 13, 2019
.gitignore
LICENSE Initial commit Jul 22, 2019
LICENSE.md initial Jul 22, 2019
README.md readme Sep 22, 2019
theme.toml

README.md

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 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 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 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
  • showGoogleSearch = true to switch Google search box on/off
  • showBingSearch = true to switch Bing search box on/off
  • showDuckDuckGoSearch = true to switch DuckDuckGo search box on/off
  • startPageColumns = true will show the start page in grouped lists

startPageColumns = false

startPageColumns = true

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

---
- 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.

Sources

Inspired by:

You can’t perform that action at this time.