github - 如何使用新的 gist 界面嵌入来自 GitHub gist 的单个文件？

Question

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

Answer 1

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

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

Answer 2

中等的

对于想在Medium上使用的人来说，Medium不支持 也不会在你粘贴URL后添加的时候查询URL中的参数。因此，只需按顺序执行这 4 个步骤。

所以：

⚠️ 订单很重要！

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

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

---

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

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

---

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

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

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

---

4. 复制粘贴到文章里看看神奇

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

使用 SwiftUI 实现自定义活动指示器

---

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

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

Answer 3

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

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

此外，还有关于此的 YourJS 博客文章，它允许您输入用户名并查看所有要点和底层单个文件的嵌入代码。

Answer 4

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

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

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