使用 Unsplash 随机图片 API

Unsplash 是一个很受欢迎的在线摄影社区，提供高质量、免费的图片供人使用。对于开发者来说，Unsplash 也提供了 API，可以通过简单的请求获取随机的图片。

本文介绍如何使用 Unsplash 的 API 获取随机的图片 URL，并将其应用到 HTML 中。

获取随机图片 URL

首先需要注册 Unsplash 的开发者账户，获取访问 API 的凭证。

然后，可以通过以下 API 获取随机的图片 URL：

https://source.unsplash.com/random

这个 API 可以返回任意尺寸、任意主题的随机图片 URL。例如，使用以下 API 获取一张宽度为 800 像素的随机图片：

https://source.unsplash.com/random/800x0

更多关于 Unsplash API 的说明可以参考官方文档：https://unsplash.com/documentation

将图片 URL 应用到 HTML 中

可以将随机图片 URL 应用到 HTML 中的 img 标签中。例如：

<img src="https://source.unsplash.com/random/800x0" alt="随机图片">

这样就会在页面上显示一张随机的图片了。

使用 JavaScript 动态获取图片 URL

如果需要在页面上动态获取随机的图片 URL，可以使用 JavaScript 发送请求，并将返回的 URL 应用到 img 标签中。例如：

<img id="random-img" alt="随机图片">

<script>
fetch("https://source.unsplash.com/random/800x0")
  .then(response => {
    document.getElementById('random-img').src = response.url;
  });
</script>

这段代码会在页面加载完成后发送一个请求，获取一个宽度为 800 像素的随机图片 URL，并将其应用到 id 为 random-img 的 img 标签中。

结论

本文介绍了如何使用 Unsplash 的 API 获取随机的图片 URL，并将其应用到 HTML 中。同时介绍了如何使用 JavaScript 动态获取图片 URL 并将其显示在页面上。

现在，你可以在自己的项目中使用 Unsplash 的随机图片了，免费、高质量、方便！