网站Logo 举个栗子
首页
友人们申请友链
ayao的jsdmirror
加速源

随机二次元图片API

yjz
2764
2024-04-19

前言

API发布页：t.alcy.cc

  1. 图库内容根据分类热度持续更新中......

  2. 公益免费且稳定运行，请勿用于非法网站。

  3. 图库内容根据分类热度持续更新中......

  4. 当前文章记录了一些食用方法，图片包以及当前网站源码

多样化使用方法

下列是一些简单的使用方法，仅供参考，需以实际情况插入代码

ACG动态视频壁纸

在需要背景视频壁纸的框架下添加：

<video autoplay muted loop id="myVideo" preload="auto">

            <source src="https://t.mwm.moe/acg/acg" type="video/mp4">

        </video>

再添加如下样式：

#myVideo {

    position: absolute;

    right: 0;

    bottom: 0;

    min-width: 100%; 

    min-height: 100%;

    z-index: -1; /* 确保视频在框架最下层 */

}

使某框架，计算时间自动刷新图片

例如你想让一个body达到效果，首先定义好ID，做好css样式，接着插入一段JS即可

<body id="bg-shuaxin">//定义body的框架ID
  
</body>

<style>//引用css样式
body {
  background-image: url('https://t.mwm.moe/pc');
  background-size: cover;
  background-repeat: no-repeat;
}
<style>

    <script>//引用JS样式
        function updateBackgroundImage() {
            const imageUrl = 'https://t.mwm.moe/pc';//图片URL
            const timestamp = Date.now();
            const section = document.getElementById('bg-shuaxin');//输入定义的ID
            section.style.backgroundImage = `url('${imageUrl}?${timestamp}')`;
            setTimeout(updateBackgroundImage, 10000); // 每10秒（10000毫秒）刷新一次
        }
        updateBackgroundImage(); // 初始化时立即执行一次
    </script>

如何让你的网页自适应切换移动端图片

已推出自适应API，大可不必如此麻烦了

例如一个body框架，你想让他在电脑端默认样式，而在手机上则自动切换另一个样式，你可以这样做：

//默认样式
body {
  background-image: url('https://t.mwm.moe/pc');
  background-size: cover;
  background-repeat: no-repeat;
}
//检测浏览器是否为竖屏。因为手机是竖着的对吧？你可以依此开发出不同设备中的样式。
@media all and (orientation : portrait){
//如果是则替换如下样式。(修改了链接为mp图)
body {
  background-image: url('https://t.mwm.moe/mp');
  background-size: cover;
  background-repeat: no-repeat;
}

同一个页面，同一个url接口，拉取不同的图片

通常来说为了快捷，一个网页中请求的同一个url返回的内容都是一样的。

所以默认就不会再次发起请求，需要通过以下方法。

给服务器分别发起同样的请求，不同参数的时间戳，即可重复查询同一url。

https://t.mwm.moe/pc?postId=1

https://t.mwm.moe/pc?postId=2

https://t.mwm.moe/pc?postId=3

比如这三个链接同一次加载中，可以请求回来三张不一样的图片。

自动制作时间戳的案例(html+JS)：

<!DOCTYPE html>
<html>
<body>

<img id="myImg" src="" alt="图片加载失败">

<script>
// 假设你的图片URL是'https://t.mwm.moe/ys'
var imgUrl = 'https://t.mwm.moe/ys';

// 获取当前的时间戳
var timestamp = new Date().getTime();

// 将时间戳添加到URL后面
imgUrl += '?t=' + timestamp;

// 将新的URL设置为图片的src
document.getElementById('myImg').src = imgUrl;
</script>
</body>
</html>

json调用

所有的分类API已支持输出json

示例:

https://t.mwm.moe/ycy?json

可获取的参数为

{"code":200,

"url":"https:\/\/tc.mwm.moe\/i\/1\/2023\/10\/28\/653c6e479d3de.webp",

"width":7680,

"height":4320}

随机图片API搭建教程

图片包-源码

图片分类包：直链下载 萌盘下载

现网站源码：直链下载 萌盘下载

（个人不推荐使用本源码，需要数据库支持，比较麻烦，记得修改数据库连接信息）

1.本地文件夹调用

第一步：在网站根目录下创建一个文件夹，一个PHP文件：img，index.php。

第二步：将以下内容写入index.php中。有两个地方可供修改。

第三步：将喜欢的图片放入img文件夹中，访问绑定的域名即可随机展示。

这一类方法，方便快捷，但图片多或者访问量大会非常卡顿，不利于往后发展使用

<?php
$img_array = glob("img/*.{gif,jpg,png}",GLOB_BRACE); 
$img = array_rand($img_array);
$dz = $img_array[$img];
header("Location:".$dz);
?>

2.外链调用(推荐)

第一步：在网站根目录下创建一个txt，一个PHP文件：img.txt，index.php。

第二步：将以下内容写入index.php中。有一个地方可供修改，

第三步：将喜欢的图片上传到图床后复制链接到img.txt中，访问绑定的域名即可随机展示。

这一类方法，每一次只需调用txt内的链接，对访问速度较快，较容易缓存，其实就是把外链当数据库了，而且直接编辑txt也方便管理。

<?php

// 判断当前设备是否为移动设备的函数
function is_mobile() {
    $user_agent = $_SERVER['HTTP_USER_AGENT']; // 获取用户代理字符串
    $mobile_agents = array('Android', 'iPhone', 'Windows Phone', 'BlackBerry', 'SymbianOS'); // 定义移动设备关键词数组

    // 遍历移动设备关键词数组，检查用户代理字符串中是否包含这些关键词
    foreach ($mobile_agents as $mobile_agent) {
        if (stripos($user_agent, $mobile_agent) !== false) {
            return true; // 如果找到关键词，返回true表示是移动设备
        }
    }
    return false; // 如果没有找到关键词，返回false表示不是移动设备
}

// 从指定的txt文件中随机获取一条图片链接的函数
function get_random_image($filename) {
    $image_urls = file($filename, FILE_IGNORE_NEW_LINES | FILE_SKIP_EMPTY_LINES); // 读取txt文件的每一行，存储到一个数组中
    if (count($image_urls) > 0) {
        $random_index = array_rand($image_urls); // 从数组中随机选择一个索引
        return $image_urls[$random_index]; // 返回选中的图片链接
    } else {
        return false; // 如果数组为空，返回false表示没有图片链接
    }
}

// 直接输出图片的函数
function output_image($image_url) {
    $headers = get_headers($image_url, 1); // 获取图片链接的HTTP头信息
    if (isset($headers['Content-Type'])) {
        header('Content-Type: ' . $headers['Content-Type']); // 设置响应的Content-Type头部信息
    }
    echo file_get_contents($image_url); // 读取并输出图片内容
}

$is_mobile = is_mobile(); // 判断当前设备是否为移动设备
$filename = $is_mobile ? 'mpm.txt' : 'moe.txt'; // 根据设备类型选择相应的txt文件
$image_url = get_random_image($filename); // 从txt文件中随机获取一条图片链接

if ($image_url) {
    output_image($image_url); // 输出图片
} else {
    echo "No images found in the txt file."; // 如果没有图片链接，输出错误信息
}

?>

动物装饰