【问题标题】：Gist: How are images uploaded to a gist?Gist：图像是如何上传到 gist 的？
【发布时间】：2013-05-07 18:10:45
【问题描述】：

这是图片文件： https://gist.github.com/mbostock/5503544#file-thumbnail-png

我尝试在 gist 的编辑模式下拖放图像文件。这在 Chrome 和 FireFox 中似乎不起作用。

更新：与 GitHub 来回发送电子邮件后，不支持此功能（拖放二进制文件，包括图像）。

【问题讨论】：

这很容易......只需使用任何 git 客户端......从同步项目，复制文件到项目目录，添加到 repo（git add），再次提交和同步......
fx ... git clone https://gist.github.com/6afe8ae9d00c98694dc8, cd 6afe8ae9d00c98694dc8, xcopy path/to/src/file.any file.any, git add any.any, git commit -m 'n/a', git push
这里展示了几种方法 - gist.github.com/cben/46d9536baacb7c5d196c.
现在（2021，8 年后）正式支持。见my answer below。

标签： git github gist

【解决方案1】：

只需一点创意，您就可以比克隆更快地实现这一目标。拖放：

创建要点
将图像拖到下面的评论字段中。这会自动将您的图片文件上传到https://user-images.githubusercontent.com 并在评论字段中插入markdown 代码以显示图片。
将此降价代码复制到您的要点

注意：您不需要提交评论。

Live example

【讨论】：

这比 SSH 方法好得多，也容易得多，谢谢。
非常好。要点的文件扩展名有所不同。我试过foobar.png，只看到文字。显然，必须是 *.md 才能尝试渲染降价。
@Cocowalla 我可以确认。刚刚向 Github 提交了一张票。
@Cocowalla Github 解决了这个问题。这又起作用了。
@ow3n 请问图片上传错了怎么删除？我不是要从要点本身中删除，而是从“user-images.githubusercontent.com”中删除。尽管这是一种更简单的方法，但我会选择有一个小的 repo，即使没有 SSH，我也可以使用网站功能来管理事情。通常，我会在 github 博客上发帖，并且会使用要点作为帖子的“代码”部分。所以我只是在当前博客存储库上上传图片并选择“原始”链接。

【解决方案2】：

我正在寻找相同问题的答案，这是我刚刚找到的：

您可以将 gist 克隆为 git 存储库并添加图片，然后推送到源。见loading-thumbnail-into-gist-for。
为此编写了一个脚本：hecticjeff/gist-img。

我还没有尝试过上述解决方案，但很确定它们应该可以工作。我确实尝试使用 defunkt/gist 用 png 更新我的要点，但最终在我的要点中显示了一个二进制文件。

【讨论】：

我测试了这个方法，它也适用于动画 GIF！查看实时示例：gist.github.com/stephenlb/… 它显示发布订阅 python 回显服务器。
只是为了确保：推送到 Github，即使是 gist，也需要您注册并登录到 Github，对吗？
gist-img 脚本真的有效吗？当我将 base64 编码的 12kb 图像/png 文件的结果发布到 github api 以创建一个要点时，我最终得到了一个名为 test.png 的文本文件，如 here 所示。我确信使用 git 效果很好，但我想用它从我无法设置 git 的盒子中创建要点。还有一个 issue 针对我的 gist 制作脚本来实现此功能。

【解决方案3】：

创建gist 或重复使用您的要点之一。

克隆你的要点：

git clone https://gist.github.com/<hash>.git

将您的图像添加到您的 gist 存储库：
```
git add my-image.jpg
```

提交图片：

git commit -m "adding my image to my gist"

通过推送修改来更新要点：
```
git push origin master
```

【讨论】：

我使用 GitHub Desktop 来执行这些步骤。
我在第 5 步中使用了 git push

【解决方案4】：

使用 SSH 克隆 gist：

$ git clone git@gist.github.com:<hash>.git mygist

HTTP 克隆工作正常，但在 git push 遇到了 HTTP 身份验证问题。

【讨论】：

我也是，与身份验证相同的问题。我认为是因为开启了 2FA。 ssh 方式有效（无论如何你应该使用它）

【解决方案5】：

我也在寻找同样问题的答案，就我而言，是为了能够上传 PDF 文件。我遇到了gist-img 的麻烦（在这个问题的另一个答案中提到）。我又搜索了一些，发现gistup，在我第一次尝试时完美。它使用 node 和 npm，因此它应该可以在大多数主要操作系统上运行。

【讨论】：

Gistup 非常有帮助：平滑整个工作流程（不仅仅是图像上传步骤）。

【解决方案6】：

如何在您的 Gist url 中放置图片：

将您的图片免费上传到 imgur.com 之类的地方，然后获取热链接。
添加一个文件并给它一个markdown扩展名.md并使用markdown图像语法：

![alt text here](https://URL)

?????
利润

【讨论】：

这是对“如何将图像插入和内联到我的要点”之类的问题的回复。

【解决方案7】：

在某处上传图像并使用 HTML 标签对我有用

【讨论】：

【解决方案8】：

（2013 年）更新：与 GitHub 来回发送电子邮件后，不支持此功能（拖放二进制文件，包括图像）。

2021 年 9 月更新

File attachment support in Markdown for gists

您现在可以通过将图像和视频粘贴到 Markdown 正文或从 Markdown 文件底部的对话框中选择它们来将图像和视频添加到 gists 中。。

有关supported file types 的信息，请参阅documentation。

作为announced by tweet

如果您结帐https://gist.github.com，您现在可以轻松地将图像和视频包含在您的降价文件中。

将图像粘贴到或浏览要附加的文件系统。让我们知道您的想法。

【讨论】：

【解决方案9】：

上面的答案是正确的，但添加了更多细节......

创建 Gist 并保存它
保存后，底部会显示评论字段。
将图像拖到下面的评论字段中。这会自动将您的图片文件上传到https://user-images.githubusercontent.com 并在评论字段中插入markdown 代码以显示图片。
您可以通过切换到评论顶部的preview 选项卡来检查此代码是否有效。
复制此代码并编辑您的要点并粘贴代码

【讨论】：

以上哪个答案？答案的顺序取决于用户选择的排序，所以请提及发布答案的人或引用它（部分）

【解决方案10】：

如果您上传图片，请尝试以下步骤：

将您的图像转换为 DataURI。例如here on duri.me
然后这个字符串作为文本文件插入到 GIST 中

如果您想转换回来，有多种选择。例如，这个： Converting data URI to image data

【讨论】：

好的@RadimKöhler，对不起
我尝试在 Markdown 文件中添加带有 DataURI 的图像。这也行不通。