如何在Github的readme文件中显示一张图片？

Question

我想在我的Git仓库的readme.md文件中显示一张图片。我以前在我的其他仓库中做过这件事，但这次却不起作用。目前，我的代码在readme文件中会产生如下内容：

我尝试了：

![Model](path_to_img.pdf)

这只是让链接打开图像所在的文件夹并显示它

我也尝试过

![Model](link_address_to_image)

这个做了同样的事情。

我也试过了。

![Model](path_to_img.pdf?raw=true)

这使得链接下载图像

- Penguin

---

你的链接可能是错误的，因为你需要指定原始图像的链接。确保该链接在 GitHub 之外的浏览器中可以正常工作，方法是将其复制并粘贴到地址栏中，网页浏览器应该只显示图像而不是其他内容。如果是这样，那么这就是 markdown 的链接。 - metablaster

链接正常工作。 - Penguin

Answer 1

那个显示意味着你没有链接到文件路径。不幸的是，github 对自述文件中的图像加载方式非常挑剔，您必须使用它们专门用于提供静态内容的域名。如果您的图像是存储在您的 repo 中的一部分，则需要通过 raw.githubusercontent.com 子域来访问该文件，具体模式为：https://raw.githubusercontent.com/<username>/<repo name>/<branch>/<path to file>。

例如，在 此项目 上，由于主页图像位于 ./.github/logo.png 并且位于 https://github.com/Descent098/ezcv 的主分支上，我必须执行以下操作：

![ezcv logo](https://raw.githubusercontent.com/Descent098/ezcv/master/.github/logo.png)

编辑

看了你的帖子后我才发现你有一个 .pdf 文件而不是 .png。由于PDF文件不是内联图像，不能使用内联图像语法来加载它们。这里有一个伪解决方案here, 但除此之外没有真正简洁的方法。

- Kieran Wood

---

好的发现。我没有意识到PDF文件的问题。将其更改为png格式后，它就可以工作了！谢谢 - Penguin

Answer 2

1. 将您的图片或文件上传到Github。
2. 在Github中打开该文件并复制其链接。
3. 打开Readme.md文件并键入！[模型]（粘贴链接此处）
4. 享受吧！

- Ahsan Ali

Answer 3

在以前，我也習慣將圖片上傳到 GitHub，然後獲取 URL，並在 readme.md 文件中更新它。

但最近在2023年10月，我發現這種方法不再有效。

所以，我有一種方法可以將圖片 URL 提供給您的 Readme.md 文件。

• 创建一个名为<<项目名称>>的要点，描述可以是任何内容，可以是你的项目URL。例如：https://gist.github.com/kushalseth/95cfe3df7525cf8bdb14b49bc745a453

• 现在从你的本地系统复制图像并将图像添加到评论中。发布评论后，你可以点击图像获取图像URL。类似于这样：https://user-images.githubusercontent.com/10295411/276411958-a070c4cb-c8f0-43f6-8871-675ec035b7af.png。请检查我在上述要点URL中提供的评论。

• 现在，一旦你获得了要点URL，将其添加到你的GitHub项目自述文件中，如下所示：![testcasesimage](https://user-images.githubusercontent.com/10295411/276411958-a070c4cb-c8f0-43f6-8871-675ec035b7af.png)。例如，你可以查看此GitHub存储库的自述文件：https://github.com/kushalseth/swiggy-clone

- KushalSeth