Question

Gist允许您在网页中嵌入一个要点：

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

我希望我能让它显示一个行范围子集。（使用案例：在一篇文章中写一些博客文章的代码。参考博客文章中的某些内容讨论这些内容。）

这可能吗？我找不到记录，但有办法吗？

作为我认为可能工作的一个例子，GitHub支持带行号的URI。例如，#L4-L8锚点在此：

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

我意识到GitHub显示所有行，只有那些突出显示的行。而我正在问如何显示来自Gist的某些行。我只提到这个例子，我猜测它可能会起作用。

p.s根据How do I embed a single file from a GitHub gist with the new gist interface?，听起来最近这一点与我提出的方向相反：最近从一个要点中嵌入一个文件的能力消失了。我想只显示一个文件中的某些行。但无论如何我想问。此外，我认为这是一个独特的问题，这就是为什么我发布这个而不是评论现有问题。

Answer 1

Gist API没有提供任何这样的方法来嵌入要点的一部分。但是你可以用javascript自己完成。你可以使用一个很好的图书馆：

https://github.com/blairvanderhoof/gist-embed

你可以用这个来嵌入一部分要点。

Answer 2

你需要的是：

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>

Answer 3

有一种无需库的方法

将以下src

复制嵌入并附加到?file=the-name-of-your-file属性中

一个真实的例子

要旨是https://gist.github.com/dianjuar/8df3873cd9db49b7fcd86e74b57dd848

因此，要仅显示名为circleci-useful-env-variables-pr.sh的文件，我必须

<script src="https://gist.github.com/dianjuar/8df3873cd9db49b7fcd86e74b57dd848.js?file=circleci-useful-env-variables-pr.sh"></script>

如何只从一个要点中嵌入某些行？

3 个答案: