hugoThemes
All Themes Hugo
See a complete listing of all of these themes along with screenshots and demos at http://themes.gohugo.io (coming soon).
Every theme in this list will automatically be added to the theme site.
Installing Themes
Installing all themes
If you would like to install all of the available hugo themes, simply clone the entire repository from within your working directory.
git clone --recursive https://github.com/spf13/hugoThemes.git themes
Installing a single theme
mkdir themes
cd themes
git clone URL_TO_THEME
Adding a theme to the list
- Create your theme using
hugo new theme THEMENAME
- Test your theme against https://github.com/spf13/HugoBasicExample
- Add a theme.toml file to the root of the theme
- Add a README.md to the root of the theme
- Add /images/snapshot.png and /images/tn.png
- Send a PR with the git submodule addition
Each theme needs:
- To be added to the themes repo
- The right fields in theme.toml
- The right images
- A good readme.
theme.toml
The following fields are required Notice: This is different from the file created by hugo new theme in v0.12
name = "Hyde"
license = "MIT"
licenselink = "http://github.com/spf13/hugo/.."
description = "An elegant open source and mobile first theme"
homepage = "http://siteforthistheme.com"
tags = ["blog", "company"]
features = ["blog", ]
[author]
name = "spf13"
homepage = "http://spf13.com"
# If Porting existing theme
[original]
author = "mdo"
homepage = "http://andhyde.com"
repo = "http://www.github.com/mdo/hyde"
Media
Thumbnail should be 900x600 Screenshot Should be 1500x1000
Media must be located in:
[ThemeDir]/images/screenshot.png [ThemeDir]/images/tn.png
Additional media may be provided in that same directory.
ReadMe
The readme serves double purposes. It is used on github as the content for the main page. It also will become the content on the detailed theme view page for themes.gohugo.io. It should be markdown and called README.md
.