Long Haul is a minimal jekyll theme built with SASS / GULP / BROWSERSYNC / AUTOPREFIXER and focuses on long form blog posts. It is meant to be used as a starting point for a jekyll blog/website.
If you really enjoy Long Haul and want to give me credit somewhere on the internet send or tweet out your experience with Long Haul and tag me @brianmaierjr.
View Demo
Features
- Minimal, Type Focused Design
- Built with GULP + SASS + BROWSERSYNC + AUTOPREFIXER
- SVG Social Icons
- Responsive Nav Menu
- XML Feed for RSS Readers
- Contact Form via Formspree
- 5 Post Loop with excerpt on Home Page
- Previous / Next Post Navigation
- Estimated Reading Time for posts
- Stylish Drop Cap on posts
- A Better Type Scale for all devices
- Comments powered by Disqus
- Dark Mode support via prefers-color-scheme
Setup
- Install Jekyll
- Fork the Long Haul repo
- Clone it
- Install Bundler
- Run
bundle install - Install gulp dependencies by running
npm install - Run Jekyll and watch files by running
bundle exec gulp - Customize and watch the magic happen!
Site Settings
The main settings can be found inside the _config.yml file:
- title: title of your site
- description: description of your site
- url: your url
- paginate: the amount of posts displayed on homepage
- navigation: these are the links in the main site navigation
- social diverse social media usernames (optional)
- google_analytics Google Analytics key (optional)
Header Option
If you'd like your header to be larger then you can use the option below in you config.yml to make it take up half of the vertical space on screens 800px wide and up. Preview image below.
- header: large
License
This is MIT with no added caveats, so feel free to use this Jekyll theme on your site without linking back to me or using a disclaimer.