仓库源文站点原文


title: 将你的博客文章封面修改为随机图片, 告别单调吧! toc: true date: 2019-11-22 19:28:07 cover: https://img.paulzzh.com/touhou/random?5 categories: 博客管理 tags: [工具分享]

description: 很早之前在不死鸟网站上就注意到他的文章封面每次刷新是不同的, 也想用在自己的博客上面, 今天不是特边忙, 就花时间弄了一下.

很早之前在不死鸟网站上就注意到他的文章封面每次刷新是不同的, 也想用在自己的博客上面, 今天不是特边忙, 就花时间弄了一下. 顺便给大家分享一些找到的随机图片的API.

<br/>

<!--more-->

前言

最近随着博客文章的增多, 发现图片的封面越来越不好找, 而且有水印. 并且博主一直都是将图片放在专门的一个Github仓库或者图床这种网站去维护, 有时遇到封面图片载入很慢的情况, 体验并不是很好.

并且以我后端程序员的审美水平, 基本也就告别了优美, 简介就完事了!

其实早已经有很多获取随机图片的方法了, 比如:

但是事实上这些图片还是要你自己维护, 而且资源还要自己找, 还是比较麻烦;

其实可以直接使用API链接, 向这个链接发送请求时, 可以保证每次发送的图片都是随机的, 而且类似的API还不少!

例如: 查看下面这张图:

每次刷新页面其实都是变化的!(包括本文的封面也是如此!)

<br/>

如何使用随机图片API

使用: 只要请求图片时, 将路径改为API提供的路径即可.

![image_infp](API_URL)
<img src="API_URL" />

但是仅仅这样做会出现一个问题:

当前页面使用同一个api链接的文章, 图片显示的都是同一张!(说好的随机呢?)

问题就出现在, 发起请求时, 由于链接地址是同一个, 实际上即使同一个页面中有多个(相同)图片链接, 也仅仅发起一次请求, 所以也就返回一张图片了!

<font color="#ff0000">所以只要修改链接不同即可!</font>

以本博客使用到的api为例: https://img.paulzzh.com/touhou/random

可以在末尾添加?x, 其中x是一个数字, 如: https://img.paulzzh.com/touhou/random?233

此时这是两个完全不同的请求, 所以显示的图片即为不同了!

<br/>

小贴士:

实际上你在上网时点击切换一个验证码有时也是这么实现的, 如:

<img src="code.jsp" alt="验证码" οnclick="this.src='code.jsp?d='+Math.random();" />

通过添加onclick属性, 并通过js在末尾增加一个随机值, 即可切换请求!

<br/>

一些随机图片的API整理

以上资源均来自于网络, 侵删!

<br/>