如何在https://user-images.githubusercontent.com/{path}/{filename}上托管图像？

Question

我是一名开发者，我需要很多截图来放在readme.md文件中，我应该把它们存储在哪里或者托管它们？我发现有些人使用https://user-images.githubusercontent.com/{path}/{filename}来托管他们的图片，并在readme.md文件中链接它们。如何将图片放在那里？

- Pooja Bhatia

Answer 1

您可以在您的代码库中创建一个.github/images目录，并将所有资产添加到此处。 在此处添加的资产将可用于

https://raw.githubusercontent.com/{github_user_name}/{repo_name}/{branch}/.github/images/{asset_name}.{asset_extension}

一旦您将.github/images目录推送到远程，您的资源应该可以通过提到的链接访问。

https://user-images.githubusercontent.com/被GitHub用于存储添加到问题、PR等中的图像。

希望这有所帮助！

更新：

您还可以在您的repo根目录下创建一个assets目录，并使用相对路径来引用图像。

/assets/{asset_name}.{asset_extension}

![Alt Text](/assets/{asset_name}.{asset_extension})

借助此功能，您可以在不实际上传到远程的情况下预览图像。

托管在 user-images.githubusercontent.com 子域上

如果您不打算在存储库中存储任何图像，您始终可以使用此 https://user-images.githubusercontent.com/

为了在 user-images 子域中托管您的图像，您可以执行以下操作：

1. 单击“新问题”按钮，这将打开问题创建器。
2. 将图像拖放或上传到正文内容中
3. 等待上传完成并复制图像的URL。
4. 取消问题创建并继续。

但是一旦上传，您将无法访问这些图像，也无法删除它们。 如果需要删除，您始终可以联系 GitHub 支持。

- Sai Krishna

---

您可能想要修复示例URL以使其更为通用，目前它似乎包含了您的用户名和仓库名称。 - GoodDeeds

@PoojaBhatia 我已经更新了答案并添加了更多细节！谢谢！ - Sai Krishna

Github 可能随时引入一个垃圾回收器，定期运行以删除任何没有被 GitHub Issue 引用的“问题”图像。仅仅因为在编写代码时它对你有用，并不意味着它是一个好的解决方案。 - Joachim Wagner

@codesnerd 这个问题有两个选项。您能否告诉我们哪一个不起作用，或者提供一个不起作用版本的虚拟仓库。这样就可以轻松检查并帮助解决问题。谢谢。 - Sai Krishna

关于 user-images.githubusercontent.com 的问题“但是一旦上传，您将无法访问这些图像，也无法删除它们。如果需要删除，您可以随时联系 GitHub 支持团队。”这是很奇怪的部分。我希望我能够访问这些图片。如果 GitHub 能够在某种程度上内置一个“/images”解决方案，那就太好了。 - Xonatron

Answer 2

只需在可编辑模式下将本地计算机中的图像拖放到 GitHub 自述文件中即可。

- Abhishek Kumar

---

对我很有效！ - SaeedNikmehr

Answer 3

我在GitHub的评论中截取了一张图并尝试直接粘贴它，结果它自动上传到 "https://user-images.githubusercontent.com/" 并嵌入到markdown标记中。然后我尝试将相同的标记与相同的链接粘贴到readme.MD中，并且对我有效。

- Freison Castro

---

这太聪明了！像魔法一样运作。 - Mewtwo

Answer 4

当您在 GitHub 上编辑自述文件时，您必须将要添加的文件拖放到此特定框中。对我来说这样做有效。如果我将其放在其他任何地方，它都无法加载。

- Gre3n

---

另外，我认为它们应该是1MB或更小。 - Fenikkel

Answer 5

要添加或存储它们，只需打开问题，点击新问题，在评论部分拖放所需的图像，并等待其上传到user-images.gitHubusercontent。完成后，只需复制并粘贴到README.md文件中。

- Maitri_Shah

Answer 6

在GitHub UI中编辑readme.md时，直接从剪贴板粘贴图像到readme中，图像将自动上传到user-images.gitHubusercontent中，并更新链接以显示该图像。

- reddy nishanth

Answer 7

您可以将文件放在存储库中的任何位置，然后在 github.com 页面上单击文件，左键单击 Raw 按钮或右键单击 Download 按钮并选择 Copy link address。它将显示完整的路径 url，您只需将其放入任何 Markdown 文本即可。

- Andry