Go to file
Michael Rose 96bce170a7 Document background image feature 2013-10-26 20:07:11 -04:00
_includes Implemented mmistakes' suggestions. 2013-10-26 20:00:15 -04:00
_layouts fix bug of read more content showing the current content 2013-09-17 23:25:42 +08:00
_posts Add sample post demoing background image 2013-10-26 20:02:13 -04:00
assets Apply IE navigation fix to LESS 2013-10-11 11:42:33 -04:00
images Add sample post demoing background image 2013-10-26 20:02:13 -04:00
.gitignore Ignore node.js modules 2013-08-24 16:37:27 -04:00
.jshintrc Add Grunt build script 2013-08-24 17:13:07 -04:00
404.md Engage! 2013-08-23 15:06:39 -04:00
Gruntfile.js Add Grunt build script 2013-08-24 17:13:07 -04:00
LICENSE Engage! 2013-08-23 15:06:39 -04:00
README.md Add social sharing widgets 2013-08-26 09:59:22 -04:00
_config.yml Add background image to site 2013-10-26 20:03:07 -04:00
about.md Document background image feature 2013-10-26 20:07:11 -04:00
archive.html Add social sharing widgets 2013-08-26 09:59:22 -04:00
favicon.ico Engage! 2013-08-23 15:06:39 -04:00
favicon.png Engage! 2013-08-23 15:06:39 -04:00
feed.xml Engage! 2013-08-23 15:06:39 -04:00
index.html Fix structured data errors 2013-08-25 00:09:39 -04:00
package.json Add Grunt build script 2013-08-24 17:13:07 -04:00
sitemap.xml Engage! 2013-08-23 15:06:39 -04:00
tags.html Add social sharing widgets 2013-08-26 09:59:22 -04:00
theme-setup.md Document background image feature 2013-10-26 20:07:11 -04:00


HPSTR Jekyll Theme

They say three times the charm, so here is another free responsive Jekyll theme for you. I've learned a ton since open sourcing my first two themes on Github, and wanted to try a few new things this time around. If you've used my previous themes most of this should be familiar territory...

What HPSTR brings to the table:

  • Responsive templates for post, page, and post index _layouts. Looks great on mobile, tablet, and desktop devices.
  • Gracefully degrads in older browsers. Compatible with Internet Explorer 8+ and all modern browsers.
  • Modern and minimal design.
  • Sweet animated menu.
  • Readable typography to make your words shine.
  • Support for large images to call out your favorite posts.
  • Comments powered by Disqus if you choose to enable.
  • Social Sharing links for Facebook, Twitter, and Google+ if you choose to enable.
  • Simple and clear permalink structure.
  • Open Graph and Twitter Cards support for a better social sharing experience.
  • Simple custom 404 page to get you started.
  • Stylesheets for Pygments and Coderay syntax highlighting to make your code examples look snazzy
  • Grunt build script for easy theme development

Theme Preview

HPSTR Theme Preview screenshot

General notes and suggestions for customizing HPSTR RDX.

Basic Setup for a new Jekyll site

  1. Install Jekyll and read through the documentation if you haven't already.
  2. Fork the HPSTR Jekyll THeme repo
  3. Clone the repo you just forked to your computer.
  4. Edit _config.yml to personalize your site.
  5. Check out the sample posts in _posts to see examples for pulling in large feature images, tags, and other YAML data.
  6. Read the documentation below for further customization pointers and documentation.

Download the Theme

Pro-tip: Delete the gh-pages branch after cloning and start fresh by branching off master. There is a bunch of garbage in gh-pages used for the theme's demo that I'm guessing you don't want on your site.

Setup for an Existing Jekyll site

  1. Clone the following folders: _includes, _layouts, assets, and images.
  2. Clone the following files and personalize content as need: about.md, archive.html, index.html, tags.html, and feed.xml.
  3. Set the following variables in your config.yml file:
title:            Site Title
description:      Describe your website here.
disqus_shortname: shortname
url:              http://your-website.com

# Owner/author information
  name:           Your Name
  avatar:         avatar.jpg
  bio:            "Your bio goes here. It shouldn't be super long but a good two sentences or two should suffice."
  email:          you@email.com
  # Social networking links used in footer. Update and remove as you like.
  # For Google Authorship https://plus.google.com/authorship

# Analytics and webmaster tools stuff goes here
# https://ssl.bing.com/webmaster/configure/verify/ownership Option 2 content= goes here

# Links to include in top navigation
# For external links add external: true
  - title: Theme Setup
    url: /theme-setup
  - title: External Link
    url: http://mademistakes.com
    external: true

# http://en.wikipedia.org/wiki/List_of_tz_database_time_zones
timezone:    America/New_York
future:      true
pygments:    true
markdown:    kramdown

# Amount of posts to show on home page
paginate: 5

More Theme Setup Goodness

To learn more about how to customize the theme, how feature images work, use the Grunt build script, and some other junk, read up here.


Having a problem getting something to work or want to know why I setup something in a certain way? Ping me on Twitter @mmistakes or file a GitHub Issue. And if you make something cool with this theme feel free to let me know.


This theme is free and open source software, distributed under the GNU General Public License version 2 or later. So feel free to use this Jekyll theme on your site without linking back to me or including a disclaimer.