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

Gok*_*027 9 github google-drive-api github-flavored-markdown

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

Ech*_*han 25

例如,我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/ <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>)

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

图片

希望这可以帮助.


joe*_*vid 9

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

  1. 将图像上传image.jpg到您的 Google 云端硬盘
  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" />

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