James Robinson

<p>A simple plugin that enables a shortcode for embedding Gist code in WordPress.</p>
<p>The shortcode has two attributes, the Gist source URL and, optionally, the height of the embedded code window.</p>
<pre><code>[gist src="" height=""]
</code></pre>
<p>The Gist <code>src</code> attribute must be the embed URL, for example: https://gist.github.com/imaginarymedia/316a29936e5e7d709665.js</p>
<p>The Gist <code>height</code> attribute is optional and can be any value with a valid CSS unit measure: em, %, px, vh, etc. It will apply a max-height to the gist.</p>
<p>The plugin also creates UI buttons for both the visual and text editors.</p>
<p>If you have suggestions for improvements, please contact us. via the <a href="https://wordpress.org/support/plugin/wp-gist-embed" rel="ugc">plugin support page</a> and if you find this useful, please <a href="https://wordpress.org/support/view/plugin-reviews/wp-gist-embed" rel="ugc">review the plugin</a>.</p>
<p>Developed by <a href="https://jmr.codes" rel="nofollow ugc">James Robinson</a>.</p>
<p>** TO DO **<br />
* Validate the gist src URL</p>


WP Gist Embed

This plugin provides Gist embedding via shortcode as well as adding Gist embed buttons to the visual and text editors.

Sudar Muthu

<p>WP Github Gist WordPress Plugin, provides the ability to embed gist and files from Github in your blog posts or pages. Even though Github doesn’t provide a way to embed files, this Plugin still works by using the gist-it service.</p>
<h3>Features</h3>
<h4>Embed Gist</h4>
<p>To embed a gist you have to use the following shortcode</p>
<pre><code>[gist id = "{GIST_ID}" file = "{GIST_FILE}" width = "{WIDTH}" height = "{HEIGHT}"]
</code></pre>
<p>The following are the different attributes that you can use in the shortcode</p>
<ul>
<li><code>id</code> – Id of your gist.</li>
<li><code>file</code> – File inside gist that you want to display. If there is only one file in the gist, then you can ignore this.</li>
<li><code>width</code> – Width of the code wrapper. Default is <code>100%</code>.</li>
<li><code>height</code> – Height of the code wrapper. Default is <code>100%</code>.</li>
</ul>
<p>eg: <code>[gist id = "12345" file = "myfile" width = "100%" height = "100%"]</code></p>
<h4>Embed Github files</h4>
<p>To embed a github file you have to use the following shortcode</p>
<pre><code>[github file = "{GITHUB_FILE}" start_line = "{START_LINE}" end_line = "{END_LINE}"]
</code></pre>
<ul>
<li><code>{GITHUB_FILE}</code> – full path to your github file. eg: If you want to embed https://github.com/sudar/MissileLauncher/blob/master/MissileLauncher.cpp then <code>{GITHUB_FILE}</code> would be /sudar/MissileLauncher/blob/master/MissileLauncher.cpp</li>
<li><code>{START_LINE}</code> – If you want to embed only part of the file, then you can specify the starting line number (optional)</li>
<li><code>{END_LINE}</code> – If you want to embed only part of the file, then you can specify the ending line number (optional)</li>
</ul>
<p>eg: <code>[github file = "/sudar/MissileLauncher/blob/master/MissileLauncher.cpp"]</code></p>
<p>if you want to embed only part of the file, then you can specify the start and end line as well</p>
<pre><code>[github file = "/sudar/MissileLauncher/blob/master/MissileLauncher.cpp" start_line = "10" end_line = "20"]
</code></pre>
<h3>Changing Gist-it server</h3>
<p>By default, this Plugin uses my own <a href="http://gist-it.sudarmuthu.com" rel="nofollow ugc">gist-it server</a> which is hosted on a free Google App Engine account. If you expect significant amount of traffic to your blog, then do consider using your own gist-it server. You can follow the <a href="http://sudarmuthu.com/wordpress/wp-github-gist/changing-gist-it-server" rel="nofollow ugc">instructions to deploy your own gist-it server</a> and then go to the settings page to change the url.</p>
<h3>Translation</h3>
<p>The pot file is available with the Plugin. If you are willing to do translation for the Plugin, use the pot file to create the .po files for your language and let me know. I will add it to the Plugin after giving credit to you.</p>
<h3>Support</h3>
<p>Support for the Plugin is available from the <a href="http://sudarmuthu.com/wordpress/wp-github-gist" rel="nofollow ugc">Plugin’s home page</a>. If you have any questions or suggestions, do leave a comment there or contact me in <a href="http://twitter.com/sudarmuthu" rel="nofollow ugc">twitter</a>.</p>
<h3>Readme Generator</h3>
<p>This Readme file was generated using <a href='http://sudarmuthu.com/wordpress/wp-readme' rel="nofollow ugc">wp-readme</a>, which generates readme files for WordPress Plugins.</p>


WP Github Gist

Unfortunately, this plugin does not seem to be working. If a solution is found, I'll bump my rating up to where it should be, as the basic idea is great.



Not working

Embed files and gist from Github in your blog posts or pages.

WP Gist Embed vs WP Github Gist