vps教你写一个自己的随机图API

Posted woodwhale

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了vps教你写一个自己的随机图API相关的知识,希望对你有一定的参考价值。

【vps】教你写一个自己的随机图API

前言

刚刚开始使用halo博客的时候,我就发现halo博客系统是可以使用随机图当背景的,所以也是使用了网上一些比较火的随机图API。

在上次发现了各种图片API接口之后,我发现这些接口都是使用随机图的原理的,然后大部分的随机图都是二次元浓度过高,自己是有点受不了的,所以准备自己写一个随机图的API接口。正好最近的vps备案成功了,就写一个API网页吧。

1、寻找图片

这一步肯定是不用多说的,自己就是因为嫌弃以前使用的api二次元浓度太高了,所以想自己找一些好看的图片来当随机图。那么从哪里找图片呢?我这里有几个推荐的好看的壁纸网站,都是免费下载的

Wallpaper Abyss

Awesome Wallpapers

WallpapersWide.com

当然,还有很多的地方可以找到好看的图片,就比如我最近刷短视频的时候,就会经常给我推荐好看的壁纸

2、压缩图片

我们都知道,如果一张图片的大小太大,那么网页打开时加载时间就会比较长,这个样子就会有网页打开了,但是图片未加载完全的情况出现。

那么如何避免这种情况的出现呢,我们可以使用一些图片压缩工具,这里推荐使用在线的图片压缩网站TinyPNG

这个网站的压缩率非常的高,使用的图片压缩算法基本上可以达到70%左右的压缩了,这已经是高得离谱了。

3、上传图片

在压缩图片完成之后,就到了我们的上传图片的时间了

然后我上传图片使用的是github+jsdelivr图床来上传的。

最后的上传效果就是图片地址为

https://cdn.jsdelivr.net/gh/{你的github用户名}/{仓库名称}/{具体路径}

那么这边使用的图床插件是PicGo,配置好之后的样子长这样

image-20210716232557499

那么上传图片的问题解决了

4、创建API

api怎么创建呢?

首先第一步,我们打开vps的宝塔面板,如果没安装的推荐安装一个,因为这个对建站小白来说非常的方便。

我们参加一个API站点

image-20210716233344005

然后申请一个ssl认证,再打开强制https

然后打开这个站点的目录,创建一个img.txt和一个random.php

image-20210716233452823

我们在img.txt中将我们上传的图片的url写在里面,效果如图所示

image-20210716233537510

这里提一点,如何一件复制你上传图片的url呢,如果你使用的是PicGo上传的话,可以在“相册”一栏里,选择你想要的图片,然后一件复制url

然后我们在random.php中写下这段代码

<?php
//存有image链接的文件名img.txt
$filename = "img.txt";
if(!file_exists($filename)){
    die('文件不存在');
}
 
//从文本获取链接
$pics = [];
$fs = fopen($filename, "r");
while(!feof($fs)){
    $line=trim(fgets($fs));
    if($line!=''){
        array_push($pics, $line);
    }
}
 
//从数组随机获取链接
$pic = $pics[array_rand($pics)];
 
//返回指定格式
$type=$_GET['type'];
switch($type){
 
//JSON返回
case 'json':
    header('Content-type:text/json');
    die(json_encode(['pic'=>$pic]));
 
default:
    die(header("Location: $pic"));
}
?>

到此大功告成!我们的随机图API就做好了!

我们只需要访问这个API链接(random.php)就可以立即跳转到我们img.txt中的随机一张图片的地址啦!

后话

那么到此自己的随机图API就做好啦

这里也是附上自己的随机图API接口

api.woodwhale.top

以上是关于vps教你写一个自己的随机图API的主要内容,如果未能解决你的问题,请参考以下文章

100行代码教你写个卡牌翻翻乐小游戏

100行代码教你写个卡牌翻翻乐小游戏

Asp.netCore3.0 WebApi从0到1手摸手教你写【1】简单的webapi接口

iOS动画进阶 - 手摸手教你写ShineButton动画

手把手教你写第一个微信小程序页面

迈入TensorFlow的行列:教你写微信H5牛牛平台源码的程序