Gists is a handy tool started by GitHub which allows you to share chunks of code in a neat, organized package. Embedding gists is a fairly easy, but the Gist GitHub Shortcode makes it even simpler, so you don’t need any more information than the Gist ID.
Gist GitHub Shortcode enables a simple shortcode that can be used on any post or page on your site. All you have to do is enter the ID of a GitHub gist, and the shortcode will embed it on your page for you. You can also choose to include only a single file from a Gist using the shortcode’s parameters. The embeds are responsive, so they will not break the frame of your container. And with a little work, you can also customize the style of your embedded gist.
This will embed the entirety of a Gist into your page. Each file will be broken up into its own box, but they will be included in the same embed. The ID of a Gist is simply the numeric sequence at the end of its URL.
Substituting “rounded_box_gist.css” with the name of the file you want to include.
For more information on working with Gist styles, you can check out a tutorial on Cowboy Coded. There are no options for this plugin, so if you’d like to disable it’s functionality you just have to deactivate it.
Gist GitHub Shortcode is free and simple to use. If you are having problems with it, visit the support forums.