从Google Drive将图片添加到GitHub Readme.md

Question

我在Google Drive上有一张图片，如何将其添加到Readme.md文件中以便在Readme中显示该图片。我已经尝试使用分享链接进行操作，但似乎并不起作用。

- GokulDAS027

---

可能是 https://dev59.com/UGYq5IYBdhLWcg3wbgDk#14494775 的重复问题。 - Nisarg

但是，在谷歌云盘图片的情况下，两者似乎都不起作用，因为绝对URL不可用。 - GokulDAS027

Answer 1

例如，我在Google Drive上有 a.jpg 这张图片。

1. 右键单击图像，然后点击 共享...

2. 点击 高级 并将 访问权限 选项更改为 公开-任何人都可在互联网上查看

3. 复制 共享链接，你会得到类似于下面的链接

   https://drive.google.com/file/d/<FILE_ID>/view?usp=sharing

4. 复制 <FILE_ID> 以创建这样的链接：

   https://drive.google.com/uc?export=view&id=<FILE_ID>

5. 像往常一样使用步骤4中的链接在 Markdown 中插入图像。例如： ![image](https://drive.google.com/uc?export=view&id=<FILE_ID>)

例如：我在 Google 上有这个 Octocat 图片，它的文件 ID 是 1913oZeBZPBNiUuk8gu3ZSbLBA2l_VQtG。你可以在你的 Markdown 文件中甚至在这个答案中尝试 ![image](https://drive.google.com/uc?export=view&id=1913oZeBZPBNiUuk8gu3ZSbLBA2l_VQtG)。

希望这能帮助到你。

- Echan

---

在桌面上可以运行，但不幸的是，在iOS上无法运行，不知道为什么，即使响应中的Octocat图像在iOS上也不可见。有人有解决办法吗？ - danylokos

很棒，也适用于gif。 - DoruChidean

它可以使用您的ID，但无法使用我的ID。我尝试了不同的链接，但它根本不起作用。 - BackdoorTech

Answer 2

如何以github风格的markdown格式插入图片并能调整其大小

1. 将图片image.jpg上传至Google Drive。
2. 点击右上角的获取链接按钮。

3. 更改权限类型为任何拥有链接的人。

4. 仅复制（到剪贴板）完整链接中所示的文件ID<FILEID>（蓝色突出显示），然后单击完成。撰写本文时，共享链接的形式如下：

https://drive.google.com/file/d/``/view?usp=sharing

5. 使用复制的文件ID<FILEID>和锚点标记在markdown中插入图像，如下所示：

<a href="https://drive.google.com/uc?export=view&id=<FILEID>"><img src="https://drive.google.com/uc?export=view&id=<FILEID>" style="width: 650px; max-width: 100%; height: auto" title="点击放大图片" />

注意，文件ID不应包含尖括号 '<' 和 '>'。 图像的大小可以通过调整style属性中的宽度和高度进行调整。单击渲染后的图像将以其原始大小打开。

- user0221441

---

按照这些步骤操作了，但仍然没有效果。有什么提示吗？ - program_bumble_bee

Answer 3

在Google更改URL格式后的工作格式。您需要通过设置“任何人都可以使用链接”选项来获取链接后的图像URL。

！[示例图像]（https://drive.google.com/uc?id=1A1cNS98neP17g3jkpcbDGlrRik1QNNbm）

您需要按照以下模板格式提供要嵌入的图像ID。

！[示例图像]（https://drive.google.com/uc?id=<YOUR_IMAGE_ID>）

- zx_