web-dev-qa-db-ja.com

Gists以外のWebページにGitHubのソースファイルを埋め込むことはできますか？

環境

Gist をGitHubに作成し、それをWebページに埋め込むことができます： Gistsの埋め込み 。

これはランダムに選択された要点の例です： tap.groovy 。

質問

GitHubの他のコードファイル、たとえばこのランダムに選択されたC＃ファイルにも埋め込むことができます ICommand.cs これは要点ではありませんか？

githubgist
18
Lernkurve

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>
10
m.s.

https://emgithub.com を試すことができます。これは、まさにあなたが望むことを実行します。

サンプルファイルを埋め込むにはICommand.cs質問では、アドレスバーの「github.com」の前に「em」を追加して、Enterキーを押すだけです。

デフォルト設定を使用すると、次のスクリプトタグを取得します。

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

強調表示のスタイルを変更することもでき、「行番号」、「ファイルメタデータ」などのいくつかのオプションを使用できます。

同様の作業を行う他のWebサイトとは異なり、EmGithub.comはGithubPagesでホストされる静的サイトです。ターゲットファイルの取得と強調表示はブラウザで行われます。

3
yusanshi

別の可能なサービスは https://github.com/finom/github-embed です。今では約2年間整備されていないようですが、 Gist-it は6年間も整備されていないようです。しかし、私はどちらも試していません。

2
sschuberth

oEmbed というURLを介して、あるWebサイトのコンテンツを別のWebサイトに埋め込むための標準があります。残念ながら、GitHubはoEmbedプロバイダーではありません。つまり、URLに対してoEmbedをサポートしていません。

プロキシサービス GitHubのOembedプロキシ を見つけました。これにより、GitHubのコードURLのoEmbedサポートが追加されます。 GitHub URLをパラメーターとしてプロキシのURLに渡すと、WebサイトがoEmbedリンクの埋め込みをサポートしていると仮定して、結果のURLを別のWebサイトに貼り付けることができます。

もう1つの障害は、すべてのWebサイトがoEmbedURLの埋め込みをサポートしているわけではないことです。プロキシのドキュメントによると、 notion はそれらをサポートする1​​つのWebサイトです。私はいくつかの調査を行いましたが、たとえば、oEmbedサポートを追加できるはずです。 wordpress または jekyll 。

この回答は、oEmbedの採用が少ないため、非常に限られた解決策を提供します。それでも、みことばを広める価値があると思いました。

1
Jakub Kukul