Take the 2-minute tour ×
Web Applications Stack Exchange is a question and answer site for power users of web applications. It's 100% free, no registration required.

I'm having difficulty embedding gists in my Tumblr posts. I want to add a tutorial on solving a problem and I want to include source code of the algorithm in my post with syntax highlighting.

I tried to include the embed code of the gist in the HTML of the post, but it didn't work. Can anyone tell me how to do this?

share|improve this question

migrated from stackoverflow.com Oct 23 '13 at 3:44

This question came from our site for professional and enthusiast programmers.

1 Answer 1

Embed a Gist on Tumblr

There are two ways:

Dirty / Quick:

When creating a post, click HTML and then add in the following line:

<script src="https://GISTURLHERE.js"></script>

This will then include the Gist. The concern with this is the Tumblr parser could remove the inline script tag.

Clean / Slower

Use the following lib: https://github.com/blairvanderhoof/gist-embed

This will embed the gist, after reading the URL from the data-attr. The code block should be unaffected by Tumblrs parser.

There are alternatives to this solution, but afaik the basics for most are the same.

Take a URL (to your gist) and then create a script tag pointed to that URL. Once the script has loaded, the gist will be rendered.

Hope that helps.

share|improve this answer
    
Thankyou so much :) –  chaithu Oct 22 '13 at 5:11

Your Answer

 
discard

By posting your answer, you agree to the privacy policy and terms of service.