使用「新浪图床」给博客首页做一个随机图效果

如果你觉得自己博客首页展示的图片似乎有一些单调，刚好，可以阅读这篇文章介绍的方法，使用sinaimg.cn的公共图床自行搭建一个接口，实现图片的随机展示。

搭建步骤

一、获取GitHub源码

首先把源码部署到自己的小鸡

附上GitHub源码

• 这是原作者¹的GitHub Repositories：github.com/Suxiaoqinx/acgimgurl
• 这是对index.html首页布局进行优化后的版本：github.com/catyooo/rimg

二、部署rimg API

部署完成后打开index首页

修改版本对top高度和标题布局做了调整，并将请求设置为默认https

三、安装新浪微博图床插件

在Google Chrome浏览器中，安装一款来自提供方：Sam Su的新浪微博图床插件

插件安装地址：chrome.google.com/webstore/detail/新浪微博图床/fdfdnfpdplfbbnemmmoklbfjbhecpnhf

使用方式

一、使用插件上传图片

在上传图片的时候会提示你先登陆到微博，方可尽兴的上传。

上传成功后，在插件中不仅可以获取到原图的链接，还可以选择缩略图或者是中等尺寸的图片链接，对使用者及其的人性化。

还可以在线生成像常用的HTML、UBB和Markdown格式的代码。

同时支持批量上传。

嗯是的，完成这一步后会发现为什么图片链接访问失败，原因我不是很清楚，总之把ws1替换为tva1，或者是tva + 2~4 任意一个数字即可。

PHP源码

$server = rand(1,4);
$url = 'http://tva'.$server.'.sinaimg.cn/';

二、创建自己的随机图库

创建一个新的sinetxt.txt，每插入一张上传成功后的图片的编码，做另起一行处理，程序会进行随机调取。

成功尝试后，你的随机图库仓，就建好啦。

记得在你的.php的存储数据的文件处更换你txt的filename即可。

三、将rimg API应用到博客

拷贝搭建好的rimg随机图接口粘贴到自己的博客顶部图处，api.catyo.cn/rimg/catyorimg.php（这是我滴）

实际效果参考

大功告成，不知道为什么录屏的时候浏览器特别卡，实际上刷新的响应还是很快的。²

2DY API & CatyoR API

• 二次元随机图 API：api.catyo.cn/rimg/2dyrimg.php
• 猫鼬精选随机图 API：api.catyo.cn/rimg/catyorimg.php

本文作者：Catyo

本文链接：https://blog.catyo.cn/archives/1003/

版权声明：本博客所有文章除特别声明外，均采用 CC BY-NC-SA 4.0 许可协议。非商业转载及引用请注明出处（作者、原文链接），商业转载请联系作者获得授权。