如何从本地路径在 Google Colaboratory markdown 调用中插入内联图像答案

【问题标题】：How to insert an inline image in Google Colaboratory markdown call from local path如何从本地路径在 Google Colaboratory markdown 调用中插入内联图像
【发布时间】：2018-06-04 15:56:12
【问题描述】：

这不是 that post 的副本。

原始发帖人接受了一个不完全符合他的要求的解决方案：

我正在使用 Google Colaboratory 笔记本。我将一个名为 bp.png 的文件上传到工作目录中，通过在代码单元中运行 !ls 可以看到该文件在其中。然后我尝试这段代码来查看降价单元格中的图像：

提出的解决方案是将图片发布到代码单元格中。

我正在尝试看看是否有人对 markdown 单元格有解决方案。

我注意到 markdown img 标签适用于有效的 url，但不适用于本地路径；有没有办法为已知导致正确文件的文件路径找到等效的 url？ <h2 align="center">Image</h2> <img src="https://static1.squarespace.com/static/5150aec6e4b0e340ec52710a/t/51525c33e4b0b3e0d10f77ab/1364352052403/Data_Science_VD.png?format=250w" >有效，但不适用于 /tmp/image.png 或其他绝对或相对路径。

【问题讨论】：

标签： image markdown google-colaboratory

【解决方案1】：

这本身不会链接到本地文件，但您可以将本地文件转换为data url。 This site 将从图像中创建一个数据 url，您可以将其用作 markdown 单元格中的图像 url。

【讨论】：

【解决方案2】：

你可以把你的图片放在这里

/usr/local/share/jupyter/nbextensions/google.colab/

然后使用路径/nbextensions/google.colab/访问它，例如

%%html
<img src='/nbextensions/google.colab/image.png' />

图片会被缓存，所以更新时要小心。

从this snippet阅读更多详情

【讨论】：