手把手教你制作自己的随机图片 API

博主： Rainshaw
发布时间：2019 年 03 月 22 日
4995 次浏览
16 条评论
2293字数
分类： PHP 折腾分享

<div class="tip share">请注意，本文编写于 1245 天前，最后修改于 664 天前，其中某些信息可能已经过时。</div>

## 前言

`Handsome`主题提供了随机头图的功能，头图一般保存在`/usr/themes/handsome/usr/img/sj/`文件夹下，而我比较喜欢无压缩版本的图片，而由于我的主机是华为云的`1M`带宽学生机，所以会导致博客加载非常非常慢，而如果把头图放到cdn上，又会造成流量的浪费。

一般站长们都会建立一个自己的图床，用的比较广泛的便是新浪图床，比如我魔改后的[域内图床](https://img.ruixiaolu.com "域内图床")就是基于新浪图床的。那么我们能不能利用这个网站制作自己的随机图片`API`呢？答案当然是可以的，往下看就好了:laughing:

## 准备

1. 首先你需要安装`fantasyfield`幻想领域图床，当然其他图床理论上也是可以的，但你可能就要自己变通一下。
2. 你需要一个数据库管理软件，如果你的网站数据库可以外网访问，你可以使用`datagrip`，如果不能外网访问，你需要在`VPS`上安装`PhpMyAdmin`，当然如果你非常熟悉数据库命令的话，也可以直接在命令行中操作

## 修改数据库

`fantasy field`的数据库有三张表，`navi`表存储首页导航信息，`user`表存储注册用户信息，`pic`表存储图片信息，很明显，我们要用的就是`pic`这张表。浏览一下这张表，我们发现其结构为

| 列名 | 含义 |
| :- | :- |
| id | 存储图床的图片的自增值 |
| pid | 存储图片的`url`后缀 |
| uid | 存储上传者的`id` |
| date | 存储上传时间 |
| ip | 存储上传者的`IP`地址 |

那我们怎么区分哪些是用来做头图的，哪些只是文章内的插图呢？总不能直接随机，万一有坏人上传难以言说的图片被我随机当作头图了岂不是很尴尬:laughing:

解决方案呢，就是给数据表加一列，用来判断是否作为头图，如果你是用`phpmyadmin`的话，直接点击下面那个按钮就可以增加一列
![5cd5391910091.jpg][1]
<div class="tip inlineBlock info">

我这里已经增加了一列，所以有   IsNicHeadPicture 这个属性
</div>
然后，照着下面的图填入红圈中的三个值再点击执行就可以了
![5cd539199d4e3.jpg][2]
<div class="tip inlineBlock warning">

这里我们使用0为默认值，代表不用做随机图片API的范围
</div>

现在我们可以将想用作随机图片`API`的图片的`IsNiceHeadPicture`值手动设置为`1`，以便之后的操作。

## 随机图片`API`

在你的图床网站根目录下创建一个名为`random.php`的文件，内容为
<div class="hideContent">此处内容需要评论回复后（审核通过）方可阅读。</div>
<div class="tip inlineBlock error">

请将上面$sql这条语句中的 fantasyfield_pic 更改为你实际的数据库中 pic 这个表的名字
</div>
然后保存，现在我们就可以通过`http://你的图床域名/random.php`使用随机图片了～

## 配置`handsome`

将`Handsome`主题的随机头图来源设置为我们的随机图片`API`，修改`typecho`目录下的`/usr/themes/handsome/libs/Content.php`文件

```php
//修改whenSwitchHeaderImgSrc函数最后的返回值,5.0版本的大约在565行
//原本为
elseif ($howToThumb == '3'){
            if (!empty($thumbField)){
                return $thumbField;
            }else{
                return $random;
            }
        }
//修改为
elseif ($howToThumb == '3'){
            if (!empty($thumbField)){
                return $thumbField;
            }else{
                return "https://你的图床域名/random.php?".rand();
            }
        }
```

然后在主题后台设置中选择第四种头图设置即可
![5cd5391c82eaa.jpg][3]
此时即可实现，如果你在文章的自定义字段中设置了头图，会使用你设置的特定头图，如果没有设置，则使用我们刚刚完成的随机图片`API`实现高质量头图秒速加载。

[1]: https://blog.ruixiaolu.com/usr/uploads/20200312023011.jpg
[2]: https://blog.ruixiaolu.com/usr/uploads/20200312023023.jpg
[3]: https://blog.ruixiaolu.com/usr/uploads/20200312023033.jpg

最后修改：2020 年 10 月 24 日

如果觉得我的文章对你有用，请随意赞赏

发表评论取消回复

评论 *

私密评论

名称 *

🎲

邮箱 *

地址

16 条评论

柠萌 Google Chrome 96.0.4664.45 Android 11 中国黑龙江牡丹江
December 4th, 2021 at 10:28 pm

测试

回复
星姮十织 Google Chrome 80.0.3987.163 Windows 10 美国
October 24th, 2021 at 08:06 am

hh

回复
桌子不起邓紫棋 Google Chrome 86.0.4240.198 Windows 10 美国
September 4th, 2021 at 08:35 pm

666

回复
小有名气的匿名人士 Google Chrome 92.0.4515.107 Windows 10 美国
August 7th, 2021 at 05:46 pm

6

回复
不吃猫的鱼 Google Chrome 88.0.4324.190 Windows 10 中国香港
February 26th, 2021 at 11:56 pm

ヾ(≧∇≦*)ゝ

回复

手把手教你制作自己的随机图片 API

Rainshaw • 2019 年 03 月 22 日

<div class="tip share">请注意，本文编写于 1245 天前，最后修改于 664 天前，其中某些信息可能已经过时。</div>

## 前言

## 准备

## 修改数据库

这里我们使用0为默认值，代表不用做随机图片API的范围
</div>

现在我们可以将想用作随机图片`API`的图片的`IsNiceHeadPicture`值手动设置为`1`，以便之后的操作。

## 随机图片`API`

## 配置`handsome`

将`Handsome`主题的随机头图来源设置为我们的随机图片`API`，修改`typecho`目录下的`/usr/themes/handsome/libs/Content.php`文件

[1]: https://blog.ruixiaolu.com/usr/uploads/20200312023011.jpg
[2]: https://blog.ruixiaolu.com/usr/uploads/20200312023023.jpg
[3]: https://blog.ruixiaolu.com/usr/uploads/20200312023033.jpg

手把手教你制作自己的随机图片 API

发表评论取消回复

16 条评论

Typecho 评论异步通知插件——Notice

Typecho 插件——MacHighlight 代码语法高亮插件

Handsome 主题解决 CodePrettify 代码高亮插件与 Vditor 兼容问题

修复 Handsome 主题评论可见内格式错乱问题

Typecho 复制版权提醒插件

ubuntu 20.04 安装 rocm 和 tensorflow

Mac 系统使用 CLion 进行 OpenMP 并行编程

Typecho 下 handsome 主题文章特殊格式

在网页中添加点击发邮件的链接

计算机组织与体系结构实习Lab3——高速缓存的模拟、配置和优化

手把手教你制作自己的随机图片 API

发表评论 取消回复

16 条评论

手把手教你制作自己的随机图片 API

发表评论取消回复