Skip to content

Instantly share code, notes, and snippets.

@soemarko
Created November 26, 2011 16:18
Show Gist options
  • Select an option

  • Save soemarko/1395926 to your computer and use it in GitHub Desktop.

Select an option

Save soemarko/1395926 to your computer and use it in GitHub Desktop.
embed github gist to tumblr
<!-- 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>
-->
@swbuehler

Copy link
Copy Markdown

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

@ivanhjc

ivanhjc commented Sep 11, 2015

Copy link
Copy Markdown

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

@AbhimanyuAryan

Copy link
Copy Markdown

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

@tryvin

tryvin commented Nov 1, 2015

Copy link
Copy Markdown

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

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

@acedubs

acedubs commented Sep 17, 2016

Copy link
Copy Markdown

:: 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];
}

@zbroyar

zbroyar commented Apr 11, 2017

Copy link
Copy Markdown

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?

@raphaelyancey

raphaelyancey commented Jun 29, 2017

Copy link
Copy Markdown

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; }.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment