25

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 中的某些行。我只是举个例子，我猜它可能会起作用。

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

4

3 回答 3

13

Gist API 不提供任何这样的方式来嵌入部分要点。但是，您最终可以使用 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 回答
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>
于 2019-09-10T20:57:34.510 回答