从Google云端硬盘将图像添加到GitHub Readme.md

时间:2018-08-28 17:38:46

标签: github google-drive-api github-flavored-markdown

我在驱动器中有图像,如何将其添加到Readme.md中以在自述文件中显示图像。 我曾尝试使用共享链接,但无法正常工作。

2 个答案:

答案 0 :(得分:16)

例如,我在Google驱动器上有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>)

示例:我在Google中有此octocat图像,其文件ID为1913oZeBZPBNiUuk8gu3ZSbLBA2l_VQtG。您可以在降价文件中甚至在此答案中尝试![image](https://drive.google.com/uc?export=view&id=1913oZeBZPBNiUuk8gu3ZSbLBA2l_VQtG)

image

希望这会有所帮助。

答案 1 :(得分:0)

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

  1. 将图像image.jpg上传到您的Google云端硬盘
  2. 点击右上角的get link按钮

Get Link

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

enter image description here

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

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

enter image description here

  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" />

请注意,括号“ <”和“>”不应与文件ID一起出现。 可以在样式属性中通过根据需要调整宽度和高度来调整图像的大小。单击渲染的图像将其打开为原始大小