Home > HowTo > embed github code in wordpress

embed github code in wordpress

September 15th, 2016 Leave a comment Go to comments

This is the simples way to embed a file from a github repository to your webpage/blog


Gist-it is your solution for it. A man named “Robert Krimen” is kind enough to create a application so that we can embed any file from github repository to our webpage/blog.
Its is just one line and yes it works with wordpress, no plugin required!

Here are the details:


gist-it.appspot.com lets you take a file from your GitHub repository and embed it into any webpage, just like a gist

Syntax highlighting by google-code-prettify


Take a github file url and prefix it with http://gist-it.appspot.com and embed the result within a
$file should follow the github repository pattern of $user/$repository/raw/master/$path
github/$file is a shorthand for http://github.com/$file and works in the same way
Additional customization is possible by including one or more of the following in the query string:

slice (optional)
Supply a slice parameter to show only a particular portion of the file:

slice=0:-2 Show the first line up to and including the second to last line
slice=24:100 Show lines 24 through 100
slice=0 Show only the first line of the file
footer (optional)
Use the footer parameter to control the appearance of the footer:

footer=0 Hide the footer
footer=minimal Show the footer without "This Gist brought to you by gist-it."


Example Source

script src="http://gist-it.appspot.com/github/robertkrimen/gist-it-example/blob/master/example.js"


Categories: HowTo Tags: , ,
  1. No comments yet.
  1. No trackbacks yet.