embed github gist to tumblr

theme.html

<!-- Add the following lines to theme's html code right before </head> -->
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.0/jquery.min.js"></script>
<script src="http://static.tumblr.com/fpifyru/VCxlv9xwi/writecapture.js"></script>
<script src="http://static.tumblr.com/fpifyru/AKFlv9zdu/embedgist.js"></script>

<!--
  Usage: just add <div class="gist">[gist URL]</div>
  Example: <div class="gist">https://gist.github.com/1395926</div>
-->

Perhaps a simpler solution can be obtained using the .pibb secret extension, instead of the .js one + writecapture… see for example https://gist.github.com/1395926.pibb

thanks a lot!

Receiving 'control-allow-origin' errors when attempting to load gists. Requests return 404 from Github, although it appears Chrome smacks them down. Any ideas or workaround ?
Gists are accessible when requested via GET in browser or cURL.

Thank you!

For those having interface problems, they're caused by the inherited CSS from the theme.

In this case, inspect element is your friend. If the theme is done right, you should be able to override it from {CustomCSS}

this really screwed up my page, gists are available as jsonp which means you can do https://gist.github.com/calvinmetcalf/5910196

It shows me just nothing. Why?

Thank you. It worked for me.

forking!

Awesome! Thanks for this!

Cool! I took a slightly different approach and did this on the server. It requires a slight mod to posts.js.

https://gist.github.com/glennblock/8662218

The difference here is that it supports the terse Wordpress gist plugin model i.e. [gist id=xxxxxxx]

Awesome, thanks!

thanks!!!!

I rather use this than embed with prettify.js. Thanks for the work mate!

Thank you. Works great!

This is awesome, guys; keep up the great work!

How about Blogspot? I haven't found any way yet to embed code into posts. Please help!

After I add this there .js links in my theme the post starts repeating over my blog "Same post appear twice". Please consider fixing it.

You can have look.

rubygemer.tumblr.com

A little update to this code, as Tumblr Rich text editor kindas mess with the "div' tag

https://gist.github.com/tryvin/74c72bdae96f21e844a0

:: nasa-mems.tumblr.com .C("foo", n=as.integer(5), x=as.double(rnorm(5)))
with fooz implemented as

void fooz(int *nin, double *x)
{
int n = nin[0];

int i;

for (i=0; i<n; i++)
x[i] = x[i] * x[i];
}

Using this I can see my gist embedded only for a second. Then it changes to the following message:
window['__document_write_ajax_callbacks__']['1']();
What am I doing wrong?

Works on desktop but seems to be broken on mobile: only the URL is displayed. Anyone else experiencing it?

Edit
It's Tumblr custom mobile theme that somehow break the gist. You must disable it in the blog appearance settings, under Advanced options at the bottom of the sidebar (where you can set custom CSS). But then the embed will take full width and break the page on mobile. To correct that : .gist-data { max-width: 90vw; }.