Embed GitHub Repository Files into Your Blog or Website Using Gist-it
Video Documentation :-
See Demo :-
1. File URL :- https://github.com/CXDI/ChatsDuringVideoMaking/blob/main/2021/02/how-to-remove-youtube-information-from.html
2. Embed Code :-
<script src="http://gist-it.appspot.com/https://github.com/CXDI/ChatsDuringVideoMaking/blob/main/2021/02/how-to-remove-youtube-information-from.html"></script>
Preview :-
I am sure that you here because, you have a situation that you need to embed a file from a github repository to your webpage/blog. right?
I was in the same situation once, so I googled and got a perfect solution for my need and now for yours.
Gist-it
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. You can do it as simple as in three steps, just like you embed a gist, hoping you are familiar with embedding gist.
- Copy github url of the file you like to embed.
- Submit it to Gist-it and copy the script tag generated.
- Use the script tag copied in you blog, same as you use gist.
gist-it.appspot.com – Embed files from a github repository like a gist
Description
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
Usage
Take a github file url and prefix it with http://gist-it.appspot.com and embed the result within a <script> tag:
<script src="http://gist-it.appspot.com/http://github.com/$file"></script>
$fileshould follow the github repository pattern of$user/$repository/raw/master/$pathgithub/$fileis a shorthand forhttp://github.com/$fileand 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=no
footer=0Hide the footer footer=minimal Show the footer without " This Gist brought to you by gist-it."
Example
function Xyzzy() {
return "Nothing happens";
}
Example Source
<script src="http://gist-it.appspot.com/github/robertkrimen/gist-it-example/blob/master/example.js"></script>
Chats During Video Making ...
00
Comments