仓库源文，站点原文

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

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

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

<br/>

前言

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

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

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

• 建立一个图库, 每张背景图一个_x.jpg的后缀, 然后用js一个随机数取图片;
• 将图片名称放在.txt文件中, 使用js随机选取一张显示;

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

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

例如: 查看下面这张图:

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

<br/>

如何使用随机图片API

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

• 对于Markdown来说:

![image_infp](API_URL)

• 对于HTML来说是修改src属性:

<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整理

• 直接获取图片
  • 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数据
  • https://bing.ioliu.cn/v1/rand?type=json
  • https://cn.bing.com/HPImageArchive.aspx?format=js&idx=0&n=1
  • http://lorempixel.com/1600/900

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

<br/>