This is now a Bower package: [gist-async]. [gist-async]: https://github.com/razor-x/gist-async
Requires jQuery.
Jekyll plugin included that modifies the gist markup added by its gist Liquid tag.
Load GitHub Gists asynchronously and optionally specify which file to show. This allows you to keep related files in a single gist, but show them individually on your pages. The async loading prevents your page rendering from stalling.
Example markup:
<div class="gist" data-gist="8288761" data-gist-file="gist-async.coffee">
<a href="https://gist.github.com/8288761">Loading file gist-async.coffee from 8288761</a>
</div>
The minimal required markup is
<div data-gist="8288761"></div>
Demo on CodePen: http://codepen.io/razorx/pen/mGKih
Based on Mark Selby's async-gists.js: https://gist.github.com/markselby/7209751
This version by Evan Sosenko: https://gist.github.com/razor-x/8288761
@timrourke I'm glad you found this useful. I just noticed your comment now as am converting this to a full-fledged Bower package. I will make a new gist with the WordPress and Jekyll plugins. Then I will create a demo page that loads them using the plugin!
https://github.com/razor-x/gist-async