225 Stars

Theme author


Harmony is a responsive jekyll theme.

  • Built for jekyll 2.x

  • Supports Google analytics and RSS feeds

  • Sass based styles

  • Browser support: IE 8+, Chrome, Safari and Firefox

  • Fluidly responsive


About jekyll

Jekyll is a static site generator, an open-source tool for creating simple yet powerful websites of all shapes and sizes.

How to install/run

  1. Fork this repository.

  2. Clone it: git clone https://github.com/YOUR-USERNAME/harmony.

  3. If you're completely new to jekyll, please read more about Jekyll and Github pages.

  4. Change your directory into cloned repository.

  5. Run bundle install

  6. Edit the _config.yml on root directory. Change url property to to since you are going to run on localhost.

  7. Run the jekyll server by having: jekyll serve --baseurl '' or rake preview

Point your browser to http://localhost:4000.

Note: If you are a windows user please refer to this nice website - http://jekyll-windows.juthilo.com/ by Julian Thilo to configure ruby + jekyll on windows.


Harmony has some customizable options. All the configuration details are
configured in _config.yml file under root of the harmony directory.

Feel free to change your name, descriptionn, meta_description, author details,
social media names and Google analytics id accordingly.

# Harmony theme configuration. Please change accordingly.
name: Harmony
# Little description about your site
description: Harmony is free responsive jekyll theme.
meta_description: Harmony is free responsive jekyll theme. It will appear in your document head meta (for Google search results) and in your feed.xml site description.
basetheme: theme-base-01 # pre defined the{{ site.url | prepend: site.baseurl }}mes are darken, blue-water, reddish.
author: # Author details
name: Gayan Virajith
email: [email protected]
url: http://gayanvirajith.github.io

# Google Analytics key, leave blank to ignore
google_analytics_key: UA-xxxx-x

# Profile links, leave blank to ignore
github: gayanvirajith
twitter: gayanvirajith
facebook: gayanvirajith
gplus: +GayanVirajith
dribble: gayan
# Toggle disclaimer in footer
show_disclaimer: true


All the partial includes are under _includes directory.

Feel free to add/edit links for your header in the file header-links.html.

Customize your footer links by editing _includes/footer-links.html

Copyrights/Disclaimer statements

All copyright notes are under _includes/footer.html. Also note that you
can toggle on/off copyright notes from the front-end by setting up show_disclaimer
property in _config.yml.


Home page screenshot

Post page screenshot

Blog archive page screenshot


Please submit as an issue,
I am happy to response back.

Version history

Version no.DescriptionDate
1.0Initial release9th September 2014
1.0.1v1.0.1 with minor bug fix9th September 2014
1.0.2v1.0.2 Optimize for Google24th October 2014


Free / Open sourced under the