25

Gist を使用すると、Web ページに Gist を埋め込むことができます。

<script src="https://gist.github.com/dyoo/4627246.js"></script>

ライン範囲のサブセットだけを表示できることを望んでいました。(ユースケース: ブログ記事のコードを 1 つの Gist に記述します。ブログ記事全体で特定の行を参照し、それらの行について説明します。)

これは可能ですか？ドキュメントが見つかりませんが、何か方法はありますか？

どのように機能するかを示す例として、GitHub は行番号付きの URI をサポートしています。たとえば、#L4-L8このアンカー:

https://github.com/twitter/bootstrap/blob/master/docs/base-css.html#L4-L8

GitHub がすべての行を表示し、それらの行だけが強調表示されていることに気付きました。一方、Gist から特定の行だけを表示する方法を尋ねています。例として、これがどのように機能すると推測したかについて言及します。

psによると、新しいgistインターフェースを使用して、GitHub gistから単一のファイルを埋め込むにはどうすればよいですか? 、これは最近、私が求めているものとは反対の方向に移動したように聞こえます: Gist から 1 つのファイルだけを埋め込む機能が最近なくなりました。1 つのファイルから特定の行だけを表示したい。でもとにかく聞きたかった。また、これはそれとは異なる質問だと思います。そのため、既存の質問にコメントする代わりにこれを投稿しました。

4

3 に答える 3

13

Gist API は、Gist の一部を埋め込む方法を提供していません。ただし、最後にjavascriptを使用して自分で行うことができます。使用できる優れたライブラリがあります。

https://github.com/kashif-umair/gist-embed/

これで要点の一部を埋め込むことができます。

于 2013-05-02T07:14:39.117 に答える
3

必要なものはこれです：

http://gist-it.appspot.com/

# Embed the file robertkrimen/gist-it-example/example.js
<script src="http://gist-it.appspot.com/github/robertkrimen/gist-it-example/blob/master/example.js"></script>

# Embed without a footer
<script src="http://gist-it.appspot.com/github/robertkrimen/gist-it-example/blob/master/example.js?footer=0"></script>

# Show only the first and second line
<script src="http://gist-it.appspot.com/github/robertkrimen/gist-it-example/blob/master/example.js?slice=0:1"></script>
于 2015-02-04T21:46:57.513 に答える