- Minimal, Type Focused Design
- Built with SASS
- 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
- Install Jekyll
- Fork the Long Haul repo
- Clone it
- Install Bundler
- Run
bundle install
- Run Jekyll Serve and Watch command
bundle exec jekyll serve -w
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)
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
To use latest Jekyll and Jekyll Sass Converter on GitHub Pages, you can now deploy to a GitHub Pages site using GitHub Actions.
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.