【问题标题】:Add Image to GitHub Readme.md from Google Drive从 Google Drive 将图像添加到 GitHub Readme.md
【发布时间】:2019-02-03 10:09:03
【问题描述】:

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

【问题讨论】:

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


【解决方案1】:

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

希望这会有所帮助。

【讨论】:

  • 适用于桌面,但不幸的是不适用于 iOS,不知道为什么,但即使响应中的 Octocat 图像在 iOS 上也不可见。有人有解决办法吗?
  • 太棒了,也适用于 gif。 !Alt Text
  • 它适用于您的 ID,但不适用于我的 ID。我尝试了不同的链接,它简单不起作用
【解决方案2】:

如何以 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属性中根据需要通过调整宽度和高度来调整。单击渲染的图像会将其打开为原始大小

【讨论】:

  • 按照这些步骤,仍然不适合我。有什么建议吗?
猜你喜欢
  • 2013-01-07
  • 1970-01-01
  • 1970-01-01
  • 2020-07-19
  • 1970-01-01
  • 2017-10-26
  • 1970-01-01
  • 1970-01-01
  • 2020-11-03
相关资源
最近更新 更多