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

问题描述 投票:0回答:3

我在Drive中有图片,如何将它添加到Readme.md中以便在readme中显示图片。 我曾尝试使用共享链接,但它不起作用。

github google-drive-api github-flavored-markdown
3个回答
90
投票

例如,我在谷歌驱动器上有

a.jpg

  1. 右键单击图像并单击

    Share...

  2. 单击

    Advanced
    并将
    Who can access
    选项更改为
    Public on the web - Anyone on the Internet

  3. 复制
    link to share
    你会得到类似的东西

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

  4. 复制以创建如下链接:

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

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

示例:我在谷歌中有这张octocat图片,它的文件ID是

1913oZeBZPBNiUuk8gu3ZSbLBA2l_VQtG
。您可以在降价文件中甚至在这个答案中尝试
![image](https://drive.google.com/uc?export=view&id=1913oZeBZPBNiUuk8gu3ZSbLBA2l_VQtG)

image

希望这有帮助。


6
投票

如何以 github 风格的降价格式插入图像并能够调整其大小

  1. 上传图片
    image.jpg
    到您的谷歌云端硬盘
  2. 点击右上角的
    get link
    按钮

  1. 将权限类型更改为
    Anyone with the link

  1. 仅复制(到剪贴板)完整链接中的文件 ID
    <FILEID>
    ,如图所示(以蓝色突出显示),然后单击
    Done
    。在撰写本文时,可共享链接采用以下形式:

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

  1. 使用复制的文件 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="Click to enlarge picture" />

请注意,括号“<' and '>”不会与文件 ID 一起出现。 图片的大小可以在style属性中根据需要调整width和height。单击渲染图像会将其打开为原始大小


0
投票

谷歌更改URL格式后的工作格式。您需要在设置“任何知道链接的人”选项后通过获取链接来获取图像 URL。

![Example Image](https://drive.google.com/uc?id=1A1cNS98neP17g3jkpcbDGlrRik1QNNbm)

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

![Example Image](https://drive.google.com/uc?id=<YOUR_IMAGE_ID>)

© www.soinside.com 2019 - 2024. All rights reserved.