很早之前在不死鸟网站上就注意到他的文章封面每次刷新是不同的, 也想用在自己的博客上面, 今天不是特边忙, 就花时间弄了一下. 顺便给大家分享一些找到的随机图片的API.
前言
最近随着博客文章的增多, 发现图片的封面越来越不好找, 而且有水印. 并且博主一直都是将图片放在专门的一个Github仓库或者图床这种网站去维护, 有时遇到封面图片载入很慢的情况, 体验并不是很好.
并且以我后端程序员的审美水平, 基本也就告别了优美, 简介就完事了!
其实早已经有很多获取随机图片的方法了, 比如:
- 建立一个图库, 每张背景图一个_x.jpg的后缀, 然后用js一个随机数取图片;
- 将图片名称放在.txt文件中, 使用js随机选取一张显示;
但是事实上这些图片还是要你自己维护, 而且资源还要自己找, 还是比较麻烦;
其实可以直接使用API链接, 向这个链接发送请求时, 可以保证每次发送的图片都是随机的, 而且类似的API还不少!
例如: 查看下面这张图:
每次刷新页面其实都是变化的!(包括本文的封面也是如此!)
如何使用随机图片API
使用: 只要请求图片时, 将路径改为API提供的路径即可.
- 对于Markdown来说:
- 对于HTML来说是修改src属性:
<img src="API_URL" />但是仅仅这样做会出现一个问题:
当前页面使用同一个api链接的文章, 图片显示的都是同一张!(说好的随机呢?)
问题就出现在, 发起请求时, 由于链接地址是同一个, 实际上即使同一个页面中有多个(相同)图片链接, 也仅仅发起一次请求, 所以也就返回一张图片了!
所以只要修改链接不同即可!
以本博客使用到的api为例: https://img.paulzzh.com/touhou/random
可以在末尾添加?x, 其中x是一个数字, 如: https://img.paulzzh.com/touhou/random?233
此时这是两个完全不同的请求, 所以显示的图片即为不同了!
小贴士:
实际上你在上网时点击切换一个验证码有时也是这么实现的, 如:
<img src="code.jsp" alt="验证码" οnclick="this.src='code.jsp?d='+Math.random();" />通过添加onclick属性, 并通过js在末尾增加一个随机值, 即可切换请求!
一些随机图片的API整理
- 直接获取图片
- http://lorempixel.com/1600/900
- 国内加载略慢: https://unsplash.it/1600/900?random
- 必应图片: https://uploadbeta.com/api/pictures/random/?key=BingEverydayWallpaperPicture
- https://uploadbeta.com/api/pictures/random/?key=%E6%8E%A8%E5%A5%B3%E9%83%8E
- https://unsplash.it/1600/900?random
- 风景随机图：http://pic.tsmp4.net/api/fengjing/img.php
- 女神随机图：http://pic.tsmp4.net/api/nvsheng/img.php
- 影视随机图：http://pic.tsmp4.net/api/yingshi/img.php
- 二次元随机图：http://pic.tsmp4.net/api/erciyuan/img.php
- 二次元随机图: https://img.paulzzh.com/touhou/random
- 二次元随机图: http://www.dmoe.cc/random.php
- https://cdn.mom1.cn/
- https://cdn.mom1.cn/?mom=302
- https://m.mom1.cn/api/sjbz/api.php
- 1366x768分辨率图片地址：https://api.dujin.org/bing/1366.php
- 1920x1080分辨率图片地址：https://api.dujin.org/bing/1920.php
- 二次元动漫: https://img.paulzzh.com/touhou/random
- 二次元动漫:http://api.mtyqx.cn/tapi/random.php
- 获取json数据
以上资源均来自于网络, 侵删!