【问题标题】：How do I embed a single file from a GitHub gist with the new gist interface?如何使用新的 gist 界面嵌入来自 GitHub gist 的单个文件？
【发布时间】：2013-01-08 00:11:59
【问题描述】：

新的 GitHub Gist 界面为整个 gist 嵌入了一个 sn-p，它将所有文件嵌入到 gist 中。旧界面在 gist 中为每个文件嵌入了代码。有人知道嵌入单个文件是否有技巧吗？

【问题讨论】：

这个问题是关于 gists 的“API”，程序员使用的工具。问题是关于共享代码的。因此，这似乎完全是主题。当我阅读社区定义的范围时，我很难看出这不合适。我发现问题和答案都对程序员非常有用。
这个问题很有用，对程序员有一个有用的答案。为什么这件事被关闭为题外话？
在这里补充：在社区定义的范围内：“程序员常用的软件工具”。 Github gist 是程序员常用的工具，所以任何关于它的 API 的问题都是完全相关的。

标签： github gist

【解决方案1】：

从左侧获取 gist URL，在 .js 之后添加一个查询字符串，例如 ?file=myFile.blah，例如

<script src="https://gist.github.com/4505639.js?file=macroBuild.scala" type="text/javascript"></script>

【讨论】：

这曾经可以工作，但最近我认为它已经停止了！现在，在我的博客文章中，它正在吐出 gist 中用于执行单个文件的所有文件！我想我将不得不将我的文件分成单独的要点:(还有其他人遇到过这种情况吗？
仍在为我工作：letitcrash.com/post/40198993865/…
这对我“有效”，但样式失败。我自己的样式类型覆盖了嵌入脚本指定的样式，因此生成的标记中的行号与实际源代码不一致。真的很不幸，我无法让它对齐，也无法完成调试 CSS 的任务。所以我最终使用 jQuery 和对 api.github.com 的 ajax 调用来完成它。然后我添加了一个外部高亮功能。这是一个要点，展示了如何嵌入要点：gist.github.com/DinoChiesa/5624844
很遗憾，Medium 仍然不支持此功能 :(
只是为了继续确认，这仍然适用于 Blogger

【解决方案2】：

中等

对于要在Medium上使用它的人，Medium不支持并且在您添加它时不会查询URL中的参数在粘贴URL之后.因此，只需按照这 4 个步骤按顺序进行。

所以：

⚠️订单很重要！

复制（多文件）gist 路径。例如：

https://gist.github.com/MojtabaHs/91e34fd0e987fe7ce801936dc6ece0e8

将其粘贴到不保留文本丰富数据的 Medium 文章之外的其他位置。例如在线文本框：

_{⚠️ 不要点击搜索或返回按钮}

将文件的查询参数附加到 URL。例如：

https://gist.github.com/MojtabaHs/91e34fd0e987fe7ce801936dc6ece0e8?file=Interface.swift

_{注意?file=Interface.swift在URL的末尾，对吧？}

复制粘贴到文章中看看神奇?

使用这种方法的一篇文章：

Implement Custom Activity Indicator With The SwiftUI

必须考虑的最重要的注意事项：

⚠️ 请注意，您必须在媒体中复制无格式的纯文本，并且不得在将 URL 粘贴到媒体后对其进行编辑！您可以将链接复制到 google.com 等在线文本框中，并在附加查询后将其复制回来并粘贴到 Medium。

【讨论】：

这是我一直在寻找的答案 - 我试图将单个 gist 的单个文件嵌入到 Medium 文章中，而这个答案就像一个魅力。谢谢！

【解决方案3】：

GitHub 提供了相同的信息 here on their site。正如其他人所说，官方方法是将?file=name-of-file.ext附加到嵌入代码URL的末尾，以便仅嵌入名为name-of-file.ext的文件（您当然可以将名称更改为文件名）。例如，如果我想从 https://gist.github.com/westc/afac9258389fdfd2fdaf134ffaa0e923 的 Gist 嵌入 getGitContents.js 文件，我可以使用以下内容：

<script src="https://gist.github.com/westc/afac9258389fdfd2fdaf134ffaa0e923.js?file=getGitContents.js"></script>

此外还有this YourJS blog post 与此相关，它允许您输入您的用户名并查看所有要点和基础单个文件的嵌入代码。

【讨论】：

【解决方案4】：

仅供可能正在研究此问题的其他人参考。

如果您使用的是 Wordpress，您可以使用插件 oEmbed-gist 和简码样式来实现：

[gist id="your-gist-id-here" file="your-file-name.js"].

【讨论】：