Logo Questions Linux Laravel Mysql Ubuntu Git Menu
 

Can I embed source files from GitHub on my web page other than Gists?

Tags:

github

gist

Context

You can create a Gist on GitHub and embed it on your web page: embedding Gists.

This is an example of a randomly chosen Gist: tap.groovy.

Question

Is embedding also possible with other code files from GitHub, for example with this randomly chosen C# file ICommand.cs which is not a Gist?

like image 677
Lernkurve Avatar asked May 13 '16 09:05

Lernkurve


People also ask

Can you embed an HTML GitHub file on a webpage?

You pass a GitHub URL as a parameter to the proxy's URL and a resulting URL can be be pasted in another website, assuming that website supports embedding oEmbed links.

What is the point of GitHub gists?

Gists let you share code snippets, entire files, or even applications. You can also use gists to save and share console output when running, debugging, or testing your code. Each gist is a repository that can be cloned or forked by other people.

What is the difference between a gist and a repository?

@TestSubject528491: A repository is for user-created files. A gist is for a piece of code (usually unconnected to other code), like for discussing or giving examples.


2 Answers

You can try https://emgithub.com, which does exactly what you want.

To embed the example file ICommand.cs in your question, you can just add "em" before "github.com" in the address bar, then press Enter.

Then you can get a script tag like this:

<script src="https://emgithub.com/embed-v2.js?target=https%3A%2F%2Fgithub.com%2Fdotnet%2Fcorefx%2Fblob%2Fmaster%2Fsrc%2FSystem.ObjectModel%2Fsrc%2FSystem%2FWindows%2FInput%2FICommand.cs&style=default&type=code&showBorder=on&showLineNumbers=on&showFileMeta=on&showCopy=on"></script>

Note if you simply click Run code snippet in StackOverflow, the copying button at top right corner may not work. Running it outside SO would work fine.

Unlike other websites that do similar work, EmGithub.com is a static site hosted on Github Pages. Fetching target files and highlighting are done on your browser.


Disclosure: I'm the developer of it :)

like image 164
yusanshi Avatar answered Nov 02 '22 02:11

yusanshi


You can use https://gist-it.appspot.com/:

<script src="http://gist-it.appspot.com/https://github.com/dotnet/corefx/blob/master/src/System.ObjectModel/src/System/Windows/Input/ICommand.cs"></script>
like image 44
m.s. Avatar answered Nov 02 '22 03:11

m.s.