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.
Some changes to bring up to date
Hi,
I've modified your theme to be more or less up to date with what is generated by Jekyll by default right now. Specially, this makes local testing actually useful (before these changes, the
site.url
that in the case of the demo was your Github page, was being contacted all the time)Feel free to ignore or modify before merge, of course!
[Feature Request] Add global color option to config
Hello there! I was taking a look at this theme for usage with Jekyll. I'm really liking it! I was wondering if I could request a small feature. I see that most of the green elements in the CSS are the same color. Would you be able to add in a config option to change this color globally instead of changing each instance in the stylesheet?
Having problems running the project
Hey @brianmaierjr
Thanks for the awesome theme! I'm pretty new to jekyll (I might be doing something wrong) but when I tried to build the project following your steps I got this error:
I did try to install the pygments gem (
gem install pygments.rb
) as some people online said it would resolve this kind of problem but it didn't fix it for me. Any idea what is going on?Don't know what kind of extra information you might need to check this problem but please let me know if I can do something to help.
Thanks a lot again
Not been able to update colors
Hi
Thanks for a great template and I´m trying to update the colors. I´m changing the file
assets/scss/_config.scss
But nothing happens. why?
How to get Pagination on a page other than the Homepage?
I wanted my site to have the About page featured on the homepage, and my Recent Posts featured on a Blog page. I was able to make this work by doing the following.
I took the code that was originally in the index.html and pasted it into a blog.md file in the root directory. At first, nothing showed up on the page, but when I changed the line:
{% for post in paginator.posts %}
to:
{% for post in site.posts %}
all of my blog posts appeared on the Blog page. The only problem is that there is no pagination on the page. Any help would be greatly appreciated, thank you :)
double bullet indentions are too wide
Whenever I make a bulleted list that has sub bullets, the indention is insanely far to the point where listed item starts on the halfway point of the page.
Liquid Syntax Error
When running
jekyll serve
I get this error:I am not sure if this is something I need to fix on my end. This is my second attempy at using a Jekyll theme are yours is awesome but very complex lol. Also, I do get this error as well even after I install the gem.
Any help you have would be great. Like I said, your theme is dope and I can't wait to use it. Thanks!
Assets aren't loading
Hi Brian, thanks for a great template.
I can't seem to get the assets to load when I push my site to gh-pages. It works fine when working locally. Would you mind taking a look? The site is at: https://github.com/sebastianbarfort/BoT It renders at https://sebastianbarfort.github.io/BoT/
I'm sorry if this is a replica of #1, but I couldn't figure out what the problem was.
Best, Sebastian
Add support for disqus comments
I added support for disqus comments. This is pretty common with Jekyll blogs, and even mininma has support for them.
I've used it in my personal blog and it looks great!
Screenshot:
Related issues: #74 #70
compass errors
Compass is detaching the header image from the corners when I
bundle exec compass watch
:I'm also receiving those warnings:
I pinned the sass version to 3.4.16 in Gemfile and the warnings were gone, but the header malfunctions persisted.
Github no longer supports redcarpet: now kramdown
"Starting May 1st, 2016, GitHub Pages will only support kramdown." https://github.com/blog/2100-github-pages-now-faster-and-simpler-with-jekyll-3-0
Bump decode-uri-component from 0.2.0 to 0.2.2
Bumps decode-uri-component from 0.2.0 to 0.2.2.
Release notes
Sourced from decode-uri-component's releases.
Commits
a0eea46
0.2.2980e0bf
Prevent overwriting previously decoded tokens3c8a373
0.2.176abc93
Switch to GitHub workflows746ca5d
Fix issue where decode throws - fixes #6486d7e2
Update license (#1)a650457
Tidelift tasks66e1c28
Meta tweaksDependabot will resolve any conflicts with this PR as long as you don't alter it yourself. You can also trigger a rebase manually by commenting
@dependabot rebase
.Dependabot commands and options
You can trigger Dependabot actions by commenting on this PR:
@dependabot rebase
will rebase this PR@dependabot recreate
will recreate this PR, overwriting any edits that have been made to it@dependabot merge
will merge this PR after your CI passes on it@dependabot squash and merge
will squash and merge this PR after your CI passes on it@dependabot cancel merge
will cancel a previously requested merge and block automerging@dependabot reopen
will reopen this PR if it is closed@dependabot close
will close this PR and stop Dependabot recreating it. You can achieve the same result by closing it manually@dependabot ignore this major version
will close this PR and stop Dependabot creating any more for this major version (unless you reopen the PR or upgrade to it yourself)@dependabot ignore this minor version
will close this PR and stop Dependabot creating any more for this minor version (unless you reopen the PR or upgrade to it yourself)@dependabot ignore this dependency
will close this PR and stop Dependabot creating any more for this dependency (unless you reopen the PR or upgrade to it yourself)@dependabot use these labels
will set the current labels as the default for future PRs for this repo and language@dependabot use these reviewers
will set the current reviewers as the default for future PRs for this repo and language@dependabot use these assignees
will set the current assignees as the default for future PRs for this repo and language@dependabot use this milestone
will set the current milestone as the default for future PRs for this repo and languageYou can disable automated security fix PRs for this repo from the Security Alerts page.
Bump engine.io from 6.2.0 to 6.2.1
Bumps engine.io from 6.2.0 to 6.2.1.
Release notes
Sourced from engine.io's releases.
Changelog
Sourced from engine.io's changelog.
Commits
24b847b
chore(release): 6.2.1425e833
fix: catch errors when destroying invalid upgrades (#658)99adb00
chore(deps): bump xmlhttprequest-ssl and engine.io-client in /examples/latenc...d196f6a
chore(deps): bump minimatch from 3.0.4 to 3.1.2 (#660)7c1270f
chore(deps): bump nanoid from 3.1.25 to 3.3.1 (#659)535a01d
ci: add Node.js 18 in the test matrix1b71a6f
docs: remove "Vanilla JS" highlight from README (#656)917d1d2
refactor: replace deprecatedString.prototype.substr()
(#646)020801a
chore: add changelog for version 3.6.0ed1d6f9
test: make test script work on Windows (#643)Dependabot will resolve any conflicts with this PR as long as you don't alter it yourself. You can also trigger a rebase manually by commenting
@dependabot rebase
.Dependabot commands and options
You can trigger Dependabot actions by commenting on this PR:
@dependabot rebase
will rebase this PR@dependabot recreate
will recreate this PR, overwriting any edits that have been made to it@dependabot merge
will merge this PR after your CI passes on it@dependabot squash and merge
will squash and merge this PR after your CI passes on it@dependabot cancel merge
will cancel a previously requested merge and block automerging@dependabot reopen
will reopen this PR if it is closed@dependabot close
will close this PR and stop Dependabot recreating it. You can achieve the same result by closing it manually@dependabot ignore this major version
will close this PR and stop Dependabot creating any more for this major version (unless you reopen the PR or upgrade to it yourself)@dependabot ignore this minor version
will close this PR and stop Dependabot creating any more for this minor version (unless you reopen the PR or upgrade to it yourself)@dependabot ignore this dependency
will close this PR and stop Dependabot creating any more for this dependency (unless you reopen the PR or upgrade to it yourself)@dependabot use these labels
will set the current labels as the default for future PRs for this repo and language@dependabot use these reviewers
will set the current reviewers as the default for future PRs for this repo and language@dependabot use these assignees
will set the current assignees as the default for future PRs for this repo and language@dependabot use this milestone
will set the current milestone as the default for future PRs for this repo and languageYou can disable automated security fix PRs for this repo from the Security Alerts page.
Bump minimatch and gulp
Bumps minimatch to 3.1.2 and updates ancestor dependency gulp. These dependencies need to be updated together.
Updates
minimatch
from 0.2.14 to 3.1.2Commits
699c459
3.1.22f2b5ff
fix: trim pattern25d7c0d
3.1.155dda29
fix: treat nocase:true as always having magic5e1fb8d
3.1.0f8145c5
Add 'allowWindowsEscape' option570e8b1
add publishConfig for v3 publishes5b7cd33
3.0.620b4b56
[fix] revert all breaking syntax changes2ff0388
document, expose, and test 'partial:true' optionMaintainer changes
This version was pushed to npm by isaacs, a new releaser for minimatch since your current version.
Updates
gulp
from 3.9.1 to 4.0.2Release notes
Sourced from gulp's releases.
... (truncated)
Changelog
Sourced from gulp's changelog.
Commits
069350a
Release: 4.0.2b4b5a68
Build: Add node 12 to Travis & Azure5667666
Fix: Bind src/dest/symlink to the gulp instance to support esm exports (ref s...4091bd3
Docs: Add notes about esm support (closes #2278)3c66d95
Docs: Fix the Negative Globs section & examples (closes #2297)1693a11
Docs: Remove next tag from recipes (closes #2277)d916276
Docs: Add default task wrappers to Watching Files examples to make runnable (...ea52a92
Docs: Fix syntax error in lastRun API docs (closes #2315)5d81f42
Docs: Fix typo in Explaining Globs (#2326)ea3bba4
Release: 4.0.1Dependabot will resolve any conflicts with this PR as long as you don't alter it yourself. You can also trigger a rebase manually by commenting
@dependabot rebase
.Dependabot commands and options
You can trigger Dependabot actions by commenting on this PR:
@dependabot rebase
will rebase this PR@dependabot recreate
will recreate this PR, overwriting any edits that have been made to it@dependabot merge
will merge this PR after your CI passes on it@dependabot squash and merge
will squash and merge this PR after your CI passes on it@dependabot cancel merge
will cancel a previously requested merge and block automerging@dependabot reopen
will reopen this PR if it is closed@dependabot close
will close this PR and stop Dependabot recreating it. You can achieve the same result by closing it manually@dependabot ignore this major version
will close this PR and stop Dependabot creating any more for this major version (unless you reopen the PR or upgrade to it yourself)@dependabot ignore this minor version
will close this PR and stop Dependabot creating any more for this minor version (unless you reopen the PR or upgrade to it yourself)@dependabot ignore this dependency
will close this PR and stop Dependabot creating any more for this dependency (unless you reopen the PR or upgrade to it yourself)@dependabot use these labels
will set the current labels as the default for future PRs for this repo and language@dependabot use these reviewers
will set the current reviewers as the default for future PRs for this repo and language@dependabot use these assignees
will set the current assignees as the default for future PRs for this repo and language@dependabot use this milestone
will set the current milestone as the default for future PRs for this repo and languageYou can disable automated security fix PRs for this repo from the Security Alerts page.
`jekyll serve --livereload` breaks with "undefined method `<<' for #
- MacOS Monterey v12.3.1
- ruby v3.0.0
- Bundler v2.3.7
- ??? (Any other info I can provide? I'm not a ruby person so I don't know what's up)
- pull down this repo
-
16
Neat theme! Had some trouble getting it working on my site. Here's the issue as replicated in this repo, with no changes except adding
webrick
so Jekyll can actually serve[^1]. (I tried to get up and running with gulp like the readme recommends, but I ran into the same issue as #104 so I then started trying to serve directly with Jekyll commands.)Software versions
Repro steps
bundle install
bundle add webrick
bundle exec jekyll serve --livereload
I can open the site at localhost:4000 fine, but when I try to navigate to another page of the site,
jekyll serve
breaks with the following:I've got no idea what's going on here, and
livereload
(or equivalent) is pretty crucial to my workflow. Thoughts?[^1]: as per the Jekyll quickstart guide, you need to install
webrick
forjekyll serve
to work with Ruby 3+Can't build
Hi there! This doesn't seem to build for me, neither on netlify, nor locally with the instructions from the README. There's a whole bunch of deprecation warnings, I'm guessing they might be related? Is this theme still supported?
https://gist.github.com/mots/bddec064d0bcf7786a430262989f21b3