hugo-multi-bootswatch

Hugo BootSwatch Theme is a single column theme for [hugo](http://hugo.spf13.com/) based on [Twitter Bootstrap](http://getbootstrap.com/) and a css styling from [Bootswatch](http://bootswatch.com/).

  • Author: Marco Pas
  • Minimum Hugo Version: 0.14
  • License: MIT
  • Tags: post category

Hugo Multi Bootswatch Theme

Hugo Multi BootSwatch Theme is a single column theme for hugo based on Twitter Bootstrap and a css styling from Bootswatch.

It is a simple template containing a nice header menu bar and content area. Default the theme support 2 types of content.



Installation

$ cd your_site_repo/
$ mkdir themes
$ cd themes
$ git clone https://github.com/mpas/hugo-multi-bootswatch.git

See the official Hugo themes documentation for more info.

Usage

This theme expects a relatively standard Hugo blog/personal site layout:

.
└── content
    ├── post
    |   ├── post1.md
    |   └── post2.md
    └── page
        ├── license.md      // this is used in the footer link
        ├── about.md        // used in the header
        └── resume.md       // used in the header

Just run hugo --theme=hugo-multi-bootswatch to generate your site!

Configuration

An example of what your site’s config.toml could look like. All theme-specific parameters are under [params] and standard Hugo parameters are used where possible.

baseurl     = "http://example.com"  # the baseurl for your website
title       = "Your site title"     # blog title
paginate    = 10                    # the number of posts on a page

[permalinks]
    # Optional. Change the permalink format for the 'post' content type.
    # The format shown here is the same one Jekyll/Octopress uses by default.
    post = "/blog/:year/:month/:day/:title/"

[params]
    # name of the site author; used in header meta information
    author = "<authorname>"

    # social links, used in footer, these must be full URLs.
    twitter = "https://twitter.com/<username>"
    github = "https://github.com/<username>"
    facebook = "https://www.facebook.com/<username>"
    delicious = "https://delicious.com/<username>"

[params.theme]
    inverse = false     # indicating if the theme should use inversed colors
    name = "cerulean"   # name of the theme to use

    # list of possible theme names that can be used
    # name = "cerulean"
    # name = "cosmo"
    # name = "cyborg"
    # name = "default"
    # name = "flatly"
    # name = "journal"
    # name = "lumen"
    # name = "paper"
    # name = "readable"
    # name = "sandstone"
    # name = "simplex"
    # name = "slate"
    # name = "spacelabs"
    # name = "superhero"
    # name = "united"
    # name = "yeti"

Colour themes

All the available color themes from Bootswatch are available. Please checkout Bootswatch to see what theme you want to use.

Screenshots

Index Page

index

Post Page

post

List Page

list

Themed Screenshots

Cerulean

normal: index inversed: index

Cosmo

normal: index inversed: index

Cyborg

normal: index inversed: index

Default

normal: index inversed: index

Flatly

normal: index inversed: index

Journal

normal: index inversed: index

Lumen

normal: index inversed: index

Paper

normal: index inversed: index

Readable

normal: index inversed: index

Sandstone

normal: index inversed: index

Simplex

normal: index inversed: index

Slate

normal: index inversed: index

Spacelab

normal: index inversed: index

Superhero

normal: index inversed: index

United

normal: index index

Yeti

normal: index index

Questions, ideas, bugs, pull requests?

All feedback is welcome! Head over to the issue tracker.

License

Open sourced under the MIT license.