我正在 codepen 上开发一个网页,并希望在我的网页上包含一张存储在我的设备上的图像。我把什么作为图像源?

I am developing a webpage on codepen and would like to include an image stored on my device on my webpage. What do I put as the image source?

图像位于“更多”文件夹中,该文件夹位于“我的电脑”中的“图片”文件夹中。

您可以下载 xampp 或 wamp(如果您使用的是 windows)或者有 VSCode 的插件来模仿快速的 http 服务器。你可以在你的机器上做任何事情。

您可以将系统中的文件上传到资产中的codepen(专业功能)。或者您可以使用他们自己的免费设计资源

您好,欢迎来到 Whosebug!

您需要将此图片上传到 Codepen,这样即使您的计算机已关闭,Codepen 也可以实际访问此图片。不幸的是,这是一个专业功能(左下角 -> “资产”)

使用免费网站空间:

但是,有许多在线网站提供免费的网站空间,您可以在其中上传您的 html、css、图片、php 文件等等,而且通常您还会获得您自己的子域(如 mywebsite.webhost.com)。

我脑子里只知道 bplaced.net 但可以随意搜索。

使用图片托管服务:

如果您想继续使用 Codepen 和漂亮的 IDE,您可以寻找图片托管商,您可以在其中上传文件并获得 direct link 到您可以在 codepen 上使用的图像。