├── .gitignore
├── storage
    ├── app
    │   └── .gitignore
    ├── images
    │   └── .gitignore
    └── logs
    │   └── .gitignore
├── .test
    ├── pic.jpg
    └── test_image_hosting.php
├── app
    ├── Controllers
    │   ├── Controller.php
    │   ├── IndexController.php
    │   └── ApiController.php
    ├── autoload.php
    ├── Factory.php
    ├── Jobs
    │   ├── Job.php
    │   ├── ClearLog.php
    │   └── Refresh.php
    ├── ImageHosting
    │   ├── ImageHosting.php
    │   ├── Local.php
    │   ├── Catbox.php
    │   ├── Chkaja.php
    │   ├── Tietuku.php
    │   ├── FiftyEight.php
    │   ├── Smms.php
    │   └── Riyugo.php
    ├── Libs
    │   ├── Response.php
    │   ├── Log.php
    │   ├── Str.php
    │   ├── Lock.php
    │   ├── Env.php
    │   ├── Request.php
    │   ├── Config.php
    │   ├── Curl.php
    │   ├── Storage.php
    │   └── Pixiv.php
    ├── Views
    │   ├── loading.php
    │   └── index.php
    └── App.php
├── .docker
    ├── crontab
    ├── Dockerfile
    ├── start.sh
    ├── nginx-site.conf
    └── config.php
├── index.php
├── demo.html
├── doc
    ├── advance-usage.md
    ├── deploy.md
    ├── docker.md
    ├── advance-usage.en.md
    ├── docker.en.md
    ├── deploy.en.md
    ├── log.md
    └── log.en.md
├── LICENSE
├── .github
    └── workflows
    │   ├── develop.yml
    │   └── docker-image.yml
├── README.md
├── README.en.md
└── config.php


/.gitignore:
--------------------------------------------------------------------------------
1 | /.idea
2 | .DS_Store
3 | 


--------------------------------------------------------------------------------
/storage/app/.gitignore:
--------------------------------------------------------------------------------
1 | *
2 | !.gitignore


--------------------------------------------------------------------------------
/storage/images/.gitignore:
--------------------------------------------------------------------------------
1 | *
2 | !.gitignore


--------------------------------------------------------------------------------
/storage/logs/.gitignore:
--------------------------------------------------------------------------------
1 | *
2 | !.gitignore


--------------------------------------------------------------------------------
/.test/pic.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/mokeyjay/Pixiv-daily-ranking-widget/HEAD/.test/pic.jpg


--------------------------------------------------------------------------------
/app/Controllers/Controller.php:
--------------------------------------------------------------------------------
1 | <?php
2 | 
3 | namespace app\Controllers;
4 | 
5 | class Controller
6 | {
7 | 
8 | }


--------------------------------------------------------------------------------
/.docker/crontab:
--------------------------------------------------------------------------------
1 | */30 * * * * cd /var/www/html/ && /usr/local/bin/php index.php -j=refresh
2 | 30 1 * * * cd /var/www/html/ && /usr/local/bin/php index.php -j=clear-log
3 | 


--------------------------------------------------------------------------------
/app/autoload.php:
--------------------------------------------------------------------------------
1 | <?php
2 | 
3 | spl_autoload_register(function ($class_name) {
4 |     $class_name = str_replace('\\', '/', $class_name);
5 |     require BASE_PATH . $class_name . '.php';
6 | });


--------------------------------------------------------------------------------
/index.php:
--------------------------------------------------------------------------------
 1 | <?php
 2 | /**
 3 |  * 项目：Pixiv 每日排行榜小挂件
 4 |  * 版本：6.0
 5 |  * 作者：mokeyjay
 6 |  * 博客：https://www.mokeyjay.com
 7 |  * 源码：https://github.com/mokeyjay/Pixiv-daily-ranking-widget
 8 |  * 可随意修改、二次发布。但请保留上方版权声明及注明出处
 9 |  */
10 | 
11 | define('BASE_PATH', dirname(__FILE__) . DIRECTORY_SEPARATOR);
12 | define('APP_PATH', BASE_PATH . 'app' . DIRECTORY_SEPARATOR);
13 | define('STORAGE_PATH', BASE_PATH . 'storage' . DIRECTORY_SEPARATOR);
14 | define('IS_CLI', PHP_SAPI === 'cli');
15 | 
16 | require APP_PATH . 'autoload.php';
17 | 
18 | app\App::run();


--------------------------------------------------------------------------------
/.docker/Dockerfile:
--------------------------------------------------------------------------------
 1 | FROM ghcr.io/mokeyjay/pixiv-widget-image:main
 2 | 
 3 | COPY . /var/www/html
 4 | COPY .docker/config.php /var/www/html/config.php
 5 | COPY .docker/nginx-site.conf /etc/nginx/conf.d/default.conf
 6 | COPY .docker/start.sh /root/start.sh
 7 | 
 8 | COPY .docker/crontab /etc/cron.d/pixiv-cron-job
 9 | RUN chmod 0644 /etc/cron.d/pixiv-cron-job && \
10 |     crontab /etc/cron.d/pixiv-cron-job
11 | 
12 | ENV TZ=Asia/Shanghai
13 | 
14 | LABEL Author="mokeyjay<i@mokeyjay.com>"
15 | LABEL Version="2023.11.20"
16 | LABEL Description="Pixiv 每日排行榜小挂件"
17 | 
18 | CMD cron && \
19 |     chmod +x /root/start.sh && \
20 |     /root/start.sh
21 | 


--------------------------------------------------------------------------------
/app/Factory.php:
--------------------------------------------------------------------------------
 1 | <?php
 2 | 
 3 | namespace app;
 4 | 
 5 | /**
 6 |  * Class Factory
 7 |  * @package app
 8 |  */
 9 | class Factory
10 | {
11 |     public $errorMsg = '';
12 | 
13 |     /**
14 |      * @param string $name   完整类名
15 |      * @param array  $config 参数
16 |      * @return mixed
17 |      */
18 |     public static function make($name, array $config = [])
19 |     {
20 |         try {
21 |             return new $name($config);
22 |         } catch (\Exception $e) {
23 |             return false;
24 |         }
25 | 
26 |     }
27 | 
28 |     /**
29 |      * 获取错误信息
30 |      * @return string
31 |      */
32 |     public function getErrorMsg()
33 |     {
34 |         return $this->errorMsg;
35 |     }
36 | }


--------------------------------------------------------------------------------
/app/Jobs/Job.php:
--------------------------------------------------------------------------------
 1 | <?php
 2 | 
 3 | namespace app\Jobs;
 4 | 
 5 | use app\Factory;
 6 | use app\Libs\Str;
 7 | 
 8 | /**
 9 |  * 抽象 任务类
10 |  * Class Job
11 |  * @package app\Jobs
12 |  */
13 | abstract class Job extends Factory
14 | {
15 |     // 是否只能通过 cli 触发
16 |     public $onlyActivateByCli = false;
17 | 
18 |     /**
19 |      * @param string $name
20 |      * @param array  $config
21 |      * @return self
22 |      */
23 |     public static function make($name, array $config = [])
24 |     {
25 |         $name = '\\app\\Jobs\\' . Str::studly($name);
26 |         return parent::make($name, $config);
27 |     }
28 | 
29 |     /**
30 |      * 执行任务
31 |      * @return bool
32 |      */
33 |     abstract public function run();
34 | }


--------------------------------------------------------------------------------
/demo.html:
--------------------------------------------------------------------------------
 1 | <!doctype html>
 2 | <html>
 3 | <head>
 4 |   <meta charset="UTF-8">
 5 |   <meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
 6 |   <meta http-equiv="X-UA-Compatible" content="ie=edge">
 7 |   <title>Pixiv 每日排行榜小挂件</title>
 8 | </head>
 9 | <body>
10 |   <div style="margin-top: 200px; text-align: center;">
11 |     <iframe src="index.php" style="width:240px; height:380px; border: 0;"></iframe>
12 |     <br>
13 |     <br>
14 |     鼠标移动到挂件上可控制图片滚动、查看作品信息；点击图片可访问作品详情页
15 |     <br>
16 |     Mouse hover the image to control the image scrolling, view the work information; click the image to visit the work details page
17 |   </div>
18 | </body>
19 | </html>


--------------------------------------------------------------------------------
/app/ImageHosting/ImageHosting.php:
--------------------------------------------------------------------------------
 1 | <?php
 2 | 
 3 | namespace app\ImageHosting;
 4 | 
 5 | use app\Factory;
 6 | use app\Libs\Str;
 7 | 
 8 | /**
 9 |  * 抽象 图床类
10 |  * Class ImageHosting
11 |  * @package app\ImageHosting
12 |  */
13 | abstract class ImageHosting extends Factory
14 | {
15 |     /**
16 |      * @param string $name
17 |      * @param array  $config
18 |      * @return self
19 |      */
20 |     public static function make($name, array $config = [])
21 |     {
22 |         $name = '\\app\\ImageHosting\\' . Str::studly($name);
23 | 
24 |         return parent::make($name, $config);
25 |     }
26 | 
27 |     /**
28 |      * 上传图片。成功返回url，失败返回false
29 |      * @param string $path 图片路径
30 |      * @return string|false
31 |      */
32 |     abstract public function upload($path);
33 | }


--------------------------------------------------------------------------------
/app/Libs/Response.php:
--------------------------------------------------------------------------------
 1 | <?php
 2 | 
 3 | namespace app\Libs;
 4 | 
 5 | class Response
 6 | {
 7 |     /**
 8 |      * 从一段 http 响应中获取 content-length
 9 |      * @param string $response
10 |      * @return false|int
11 |      */
12 |     public static function getContentLength($response)
13 |     {
14 |         $response = explode("\n", $response);
15 |         foreach ($response as $line) {
16 |             $line = trim($line);
17 | 
18 |             if (stripos($line, 'Content-Length: ') === 0) {
19 |                 $line = explode(': ', $line);
20 |                 if (!empty($line[1]) && is_numeric($line[1])) {
21 |                     return (int)$line[1];
22 |                 }
23 | 
24 |                 break;
25 |             }
26 |         }
27 | 
28 |         return false;
29 |     }
30 | }


--------------------------------------------------------------------------------
/app/ImageHosting/Local.php:
--------------------------------------------------------------------------------
 1 | <?php
 2 | 
 3 | namespace app\ImageHosting;
 4 | 
 5 | use app\Libs\Config;
 6 | use app\Libs\Log;
 7 | 
 8 | /**
 9 |  * 本地存储
10 |  * Class Local
11 |  * @package app\ImageHosting
12 |  * @url https://www.mokeyjay.com
13 |  */
14 | class Local extends ImageHosting
15 | {
16 |     public function upload($path)
17 |     {
18 |         $fileName = pathinfo($path, PATHINFO_BASENAME);
19 |         $file = STORAGE_PATH . 'images/' . $fileName;
20 |         Log::write('[本地]目标：' . $path);
21 |         Log::write('[本地]存储到：' . $file);
22 | 
23 |         if (!file_put_contents($file, file_get_contents($path))) {
24 |             Log::write('[本地]存储失败', 'ERROR');
25 |             return false;
26 |         }
27 | 
28 |         return Config::$url . 'storage/images/' . $fileName;
29 |     }
30 | }


--------------------------------------------------------------------------------
/.docker/start.sh:
--------------------------------------------------------------------------------
 1 | #!/bin/bash
 2 | 
 3 | echo '' > /etc/nginx/sites-enabled/default
 4 | 
 5 | cd /var/www/html
 6 | # 将环境变量保存起来，免得 crontab 读不到
 7 | env=("URL" "BACKGROUND_COLOR" "LIMIT" "SERVICE" "LOG_LEVEL" "PROXY" "CLEAR_OVERDUE" "COMPRESS" "IMAGE_HOSTING" "IMAGE_HOSTING_EXTEND_TIETUKU_TOKEN" "IMAGE_HOSTING_EXTEND_SMMS_TOKEN" "IMAGE_HOSTING_EXTEND_RIYUGO_URL" "IMAGE_HOSTING_EXTEND_RIYUGO_UPLOAD_PATH" "IMAGE_HOSTING_EXTEND_RIYUGO_UNIQUE_ID" "IMAGE_HOSTING_EXTEND_RIYUGO_TOKEN" "DISABLE_WEB_JOB" "HEADER_SCRIPT" "RANKING_TYPE")
 8 | file=".env"
 9 | > $file
10 | for var in "${env[@]}"
11 | do
12 |   # 部分环境变量值含有空格、换行，得用双引号包起来，不然 source 时会报错
13 |   value="${!var}"
14 |   value="${value//\"/\\\"}"
15 |   echo "$var=\"$value\"" >> $file
16 | done
17 | 
18 | chown -R www-data:www-data /var/www/html
19 | 
20 | php-fpm -D
21 | nginx -g 'daemon off;'


--------------------------------------------------------------------------------
/.docker/nginx-site.conf:
--------------------------------------------------------------------------------
 1 | server {
 2 |     listen       80;
 3 |     listen  [::]:80;
 4 |     server_name  _;
 5 |     root /var/www/html;
 6 |     index index.php;
 7 | 
 8 |     error_page   500 502 503 504  /50x.html;
 9 |     location = /50x.html {
10 |         root   /usr/share/nginx/html;
11 |     }
12 | 
13 |     location ~ /\. {
14 |        deny all;
15 |     }
16 | 
17 |     location / {
18 |         try_files $uri $uri/ /index.php?$query_string;
19 |     }
20 | 
21 |     location ~ \.php$ {
22 |         fastcgi_pass   127.0.0.1:9000;
23 |         fastcgi_index  index.php;
24 |         fastcgi_param  SCRIPT_FILENAME  $document_root$fastcgi_script_name;
25 |         fastcgi_param  PATH_INFO        $fastcgi_path_info;
26 |         fastcgi_param  PATH_TRANSLATED  $document_root$fastcgi_path_info;
27 |         include        fastcgi_params;
28 |     }
29 | }
30 | 


--------------------------------------------------------------------------------
/app/Controllers/IndexController.php:
--------------------------------------------------------------------------------
 1 | <?php
 2 | 
 3 | namespace app\Controllers;
 4 | 
 5 | use app\Libs\Config;
 6 | use app\Libs\Lock;
 7 | use app\Libs\Pixiv;
 8 | use app\Libs\Request;
 9 | use app\Libs\Storage;
10 | 
11 | class IndexController extends Controller
12 | {
13 |     public function index()
14 |     {
15 |         $pixivJson = Storage::getJson('pixiv');
16 |         if ($pixivJson === false || !Pixiv::checkDate($pixivJson)) {
17 |             if (Lock::create('refresh', 600) && Config::$disable_web_job === false) {
18 |                 Request::execRefreshThread();
19 |             }
20 |         }
21 | 
22 |         if ($pixivJson === false) {
23 |             include APP_PATH . 'Views/loading.php';
24 |         } else {
25 |             $pixivJson['data'] = array_slice($pixivJson['data'], 0, Config::$limit);
26 | 
27 |             require APP_PATH . 'Views/index.php';
28 |         }
29 |     }
30 | }


--------------------------------------------------------------------------------
/app/ImageHosting/Catbox.php:
--------------------------------------------------------------------------------
 1 | <?php
 2 | 
 3 | namespace app\ImageHosting;
 4 | 
 5 | use app\Libs\Curl;
 6 | use app\Libs\Log;
 7 | 
 8 | /**
 9 |  * 猫盒（美国）
10 |  * Class Catbox
11 |  * @package app\ImageHosting
12 |  * @url https://catbox.moe/
13 |  */
14 | class Catbox extends ImageHosting
15 | {
16 |     public function upload($path)
17 |     {
18 |         $data = [
19 |             'reqtype' => 'fileupload',
20 |             'userhash' => '',
21 |             'fileToUpload' => Curl::getCurlFile($path),
22 |         ];
23 |         $result = Curl::post('https://catbox.moe/user/api.php', $data);
24 | 
25 |         Log::write('[猫盒图床]上传：' . json_encode($data));
26 |         Log::write('[猫盒图床]返回：' . $result);
27 | 
28 |         if (stripos($result, 'files.catbox.moe') !== false) {
29 |             return $result;
30 |         }
31 | 
32 |         Log::write('[猫盒图床]上传失败', 'ERROR');
33 |         return false;
34 |     }
35 | }


--------------------------------------------------------------------------------
/doc/advance-usage.md:
--------------------------------------------------------------------------------
 1 | # 高级用法
 2 | ```html
 3 | <iframe src="https://pixiv.mokeyjay.com" style="width:240px; height:380px; border: 0"></iframe>
 4 | ```
 5 | 
 6 | ## 自定义宽度或高度
 7 | 此挂件支持自适应宽高，你只需要修改代码中的 `width` 或者 `height` 的值即可  
 8 | 例如你想要宽 300、高 500，则需要将上述代码中的  
 9 | `width:240px; height:380px;` 修改为 `width:300px; height:500px;`  
10 | 
11 | > 因为大多数 pixiv 画作的预览图都是 240*380 左右的分辨率，因此一般并不需要修改宽高度
12 | 
13 | ## 自定义背景色
14 | 默认背景色为透明，如需修改背景色，可以添加 url 参数 `color`  
15 | 例如你想要红色背景，则将上述代码中的  
16 | `/pixiv` 修改为 `/pixiv?color=f00`  
17 | 
18 | 其中 `f00` 即表示红色，支持 3 或 6 位 [十六进制颜色值](https://baike.baidu.com/item/%E5%8D%81%E5%85%AD%E8%BF%9B%E5%88%B6%E9%A2%9C%E8%89%B2%E7%A0%81/10894232) ，无需 # 号
19 | 
20 | ## 自定义数量
21 | 默认只显示排行前 50 的作品。你可以通过 url 参数 `limit` 来修改  
22 | > limit 最大值为 500，因为排行榜最多就只有 500 名
23 | 
24 | 例如你只想要前 10，则将上述代码中的  
25 | `/pixiv` 修改为 `/pixiv?limit=10`
26 | 
27 | > ⚠️ 该值无法超过 `config.php` 中的 limit 配置
28 | 
29 | > 🌟 如需同时使用多个 url 参数，你可以用 `&` 来连接它们。例如 `?color=f00&limit=10`


--------------------------------------------------------------------------------
/app/Libs/Log.php:
--------------------------------------------------------------------------------
 1 | <?php
 2 | 
 3 | namespace app\Libs;
 4 | 
 5 | /**
 6 |  * 日志类
 7 |  */
 8 | class Log
 9 | {
10 |     const LEVEL_ERROR = 'ERROR';
11 | 
12 |     /**
13 |      * 写日志
14 |      * @param string|array $message
15 |      * @param string       $level
16 |      * @return bool
17 |      */
18 |     public static function write($message, $level = 'DEBUG')
19 |     {
20 |         $level = strtoupper($level);
21 | 
22 |         if (!is_array(Config::$log_level) || !in_array($level, Config::$log_level)) {
23 |             return false;
24 |         }
25 | 
26 |         $message = is_array($message) ? json_encode($message) : $message;
27 |         $content = "[{$level}] " . date('Y-m-d H:i:s') . " --> {$message}\n";
28 |         if (IS_CLI) {
29 |             echo $content . "\n";
30 |         }
31 | 
32 |         $file = STORAGE_PATH . 'logs/' . date('Ymd') . (IS_CLI ? '-cli' : '') . '.log';
33 | 
34 |         return file_put_contents($file, $content, FILE_APPEND) !== false;
35 |     }
36 | }


--------------------------------------------------------------------------------
/.test/test_image_hosting.php:
--------------------------------------------------------------------------------
 1 | <?php
 2 | 
 3 | use app\Libs\Config;
 4 | use app\ImageHosting\ImageHosting;
 5 | 
 6 | define("BASE_PATH", dirname(__FILE__, 2) . DIRECTORY_SEPARATOR);
 7 | const APP_PATH = BASE_PATH . 'app' . DIRECTORY_SEPARATOR;
 8 | const STORAGE_PATH = BASE_PATH . 'storage' . DIRECTORY_SEPARATOR;
 9 | const IS_CLI = PHP_SAPI === 'cli';
10 | const TEST_PATH = BASE_PATH . '.test' . DIRECTORY_SEPARATOR;
11 | 
12 | require APP_PATH . 'autoload.php';
13 | 
14 | Config::init();
15 | 
16 | $skip = ['Riyugo', 'Smms', 'Tietuku', 'ImageHosting', 'Local', '.', '..'];
17 | foreach (scandir(APP_PATH . 'ImageHosting') as $fileName) {
18 | 
19 |     $className = pathinfo($fileName, PATHINFO_FILENAME);
20 |     if (in_array($className, $skip) || empty($className)) {
21 |         continue;
22 |     }
23 | 
24 |     $imageHosting = ImageHosting::make($className);
25 |     if ($url = $imageHosting->upload(TEST_PATH . 'pic.jpg')) {
26 |         var_dump($className . '成功： ' . $url);
27 |     } else {
28 |         var_dump($className . '失败： ' . $url);
29 |     }
30 | }


--------------------------------------------------------------------------------
/app/Libs/Str.php:
--------------------------------------------------------------------------------
 1 | <?php
 2 | 
 3 | namespace app\Libs;
 4 | 
 5 | /**
 6 |  * 字符串类
 7 |  */
 8 | class Str
 9 | {
10 |     /**
11 |      * key-value 转为 KeyValue
12 |      * @param $value
13 |      * @return string
14 |      */
15 |     public static function studly($value)
16 |     {
17 |         $words = explode(' ', str_replace(['-', '_'], ' ', $value));
18 | 
19 |         $studlyWords = array_map(function ($word) {
20 |             return ucfirst($word);
21 |         }, $words);
22 | 
23 |         return implode($studlyWords);
24 |     }
25 | 
26 |     /**
27 |      * 生成指定数量的随机字符串
28 |      * @param int $length 长度
29 |      * @param string $chars 从这些字符中随机选择。默认为 0123456789abcdefghijklmnopqrstuvwxyz
30 |      * @return string
31 |      */
32 |     public static function random($length, $chars = '0123456789abcdefghijklmnopqrstuvwxyz')
33 |     {
34 |         $charsLength = strlen($chars);
35 |         $randomString = '';
36 |         for ($i = 0; $i < $length; $i++) {
37 |             $randomString .= $chars[rand(0, $charsLength - 1)];
38 |         }
39 | 
40 |         return $randomString;
41 |     }
42 | }


--------------------------------------------------------------------------------
/LICENSE:
--------------------------------------------------------------------------------
 1 | MIT License
 2 | 
 3 | Copyright (c) 2019 mokeyjay
 4 | 
 5 | Permission is hereby granted, free of charge, to any person obtaining a copy
 6 | of this software and associated documentation files (the "Software"), to deal
 7 | in the Software without restriction, including without limitation the rights
 8 | to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
 9 | copies of the Software, and to permit persons to whom the Software is
10 | furnished to do so, subject to the following conditions:
11 | 
12 | The above copyright notice and this permission notice shall be included in all
13 | copies or substantial portions of the Software.
14 | 
15 | THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
16 | IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
17 | FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
18 | AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
19 | LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
20 | OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
21 | SOFTWARE.
22 | 


--------------------------------------------------------------------------------
/app/Jobs/ClearLog.php:
--------------------------------------------------------------------------------
 1 | <?php
 2 | namespace app\Jobs;
 3 | 
 4 | use app\Libs\Log;
 5 | use app\Libs\Storage;
 6 | 
 7 | /**
 8 |  * 清除日志文件
 9 |  * 接受参数 -n，表示删除 n 天之前的日志。默认为 7
10 |  */
11 | class ClearLog extends Job
12 | {
13 |     public $onlyActivateByCli = true;
14 | 
15 |     public function run()
16 |     {
17 |         $opt = getopt('n::');
18 |         $n = (!empty($opt['n']) && $opt['n'] > 0 && is_numeric($opt['n'])) ? intval($opt['n']) : 7;
19 | 
20 |         $time = strtotime("-{$n} days");
21 |         $path = STORAGE_PATH . 'logs/';
22 |         $deleteNum = 0;
23 | 
24 |         if ($dh = opendir($path)) {
25 |             while (($file = readdir($dh)) !== false) {
26 |                 if (in_array($file, ['.', '..', '.gitignore'])) {
27 |                     continue;
28 |                 }
29 | 
30 |                 $file = $path . $file;
31 |                 if (filemtime($file) < $time) {
32 |                     $deleteNum++;
33 |                     Storage::deleteFile($file);
34 |                 }
35 |             }
36 |         }
37 | 
38 |         Log::write("共计清除日志文件 {$deleteNum} 个");
39 | 
40 |         return true;
41 |     }
42 | }


--------------------------------------------------------------------------------
/app/ImageHosting/Chkaja.php:
--------------------------------------------------------------------------------
 1 | <?php
 2 | 
 3 | namespace app\ImageHosting;
 4 | 
 5 | use app\Libs\Curl;
 6 | use app\Libs\Log;
 7 | 
 8 | /**
 9 |  * 愛上傳（Cloudflare）
10 |  * Class Chkaja
11 |  * @package app\ImageHosting
12 |  * @url https://img.chkaja.com/
13 |  */
14 | class Chkaja extends ImageHosting
15 | {
16 |     public function upload($path)
17 |     {
18 |         $data = [
19 |             'files[]' => Curl::getCurlFile($path),
20 |             'viewpassword' => '',
21 |             'viewtips' => '',
22 |             'Timelimit' => '',
23 |             'Countlimit' => '',
24 |             'submit' => 'submit',
25 |             'MAX_FILE_SIZE' => '8388608',
26 |         ];
27 |         $result = Curl::post('https://img.chkaja.com/ajaximg.php', $data);
28 | 
29 |         Log::write('[愛上傳图床]上传：' . json_encode($data));
30 |         Log::write('[愛上傳图床]返回：' . $result);
31 | 
32 |         $url = preg_match('|https://img.chkaja.com/(.*?)\.jpg|', $result, $matches) ? $matches[0] : false;
33 | 
34 |         if (!empty($url)) {
35 |             return $url;
36 |         }
37 | 
38 |         Log::write('[愛上傳图床]上传失败', 'ERROR');
39 |         return false;
40 |     }
41 | }


--------------------------------------------------------------------------------
/app/Controllers/ApiController.php:
--------------------------------------------------------------------------------
 1 | <?php
 2 | 
 3 | namespace app\Controllers;
 4 | 
 5 | use app\Libs\Storage;
 6 | 
 7 | /**
 8 |  * 接口
 9 |  */
10 | class ApiController extends Controller
11 | {
12 |     public function __construct()
13 |     {
14 |         header('content-type: application/json');
15 | 
16 |         $this->setAutoCorsHeader();
17 |     }
18 | 
19 |     /**
20 |      * 自动设置跨域头
21 |      * @return void
22 |      */
23 |     private function setAutoCorsHeader()
24 |     {
25 |         if (!isset($_SERVER['HTTP_ORIGIN']) && !isset($_SERVER['HTTP_REFERER'])) {
26 |             return;
27 |         }
28 | 
29 |         $origin = isset($_SERVER['HTTP_ORIGIN']) ? $_SERVER['HTTP_ORIGIN'] : $_SERVER['HTTP_REFERER'];
30 | 
31 |         header('Access-Control-Allow-Origin: ' . $origin);
32 |     }
33 | 
34 |     /**
35 |      * 源数据（未使用图床）
36 |      * @return void
37 |      */
38 |     public function sourceJson()
39 |     {
40 |         echo json_encode(Storage::getJson('source') ?: []);
41 |     }
42 | 
43 |     /**
44 |      * 处理后的数据（已使用图床）
45 |      * @return void
46 |      */
47 |     public function pixivJson()
48 |     {
49 |         echo json_encode(Storage::getJson('pixiv') ?: []);
50 |     }
51 | }


--------------------------------------------------------------------------------
/app/ImageHosting/Tietuku.php:
--------------------------------------------------------------------------------
 1 | <?php
 2 | 
 3 | namespace app\ImageHosting;
 4 | 
 5 | use app\Libs\Config;
 6 | use app\Libs\Curl;
 7 | use app\Libs\Log;
 8 | 
 9 | /**
10 |  * tietuku图床
11 |  * P.S.不怎么建议使用贴图库，小毛病挺多的
12 |  * Class Tietuku
13 |  * @package app\ImageHosting
14 |  * @url http://www.tietuku.com
15 |  */
16 | class Tietuku extends ImageHosting
17 | {
18 |     public function upload($path)
19 |     {
20 |         if (empty(Config::$image_hosting_extend['tietuku']['token'])) {
21 |             Log::write('[Tietuku图床]上传失败：请先配置 tietuku 的 token', 'ERROR');
22 |             return false;
23 |         }
24 | 
25 |         $data = [
26 |             'Token' => Config::$image_hosting_extend['tietuku']['token'],
27 |             'file'  => Curl::getCurlFile($path),
28 |         ];
29 |         $result = Curl::post('http://up.imgapi.com/', $data);
30 | 
31 |         Log::write('[Tietuku图床]上传：' . json_encode($data));
32 |         Log::write('[Tietuku图床]返回：' . $result);
33 |         $result = json_decode($result, true);
34 | 
35 |         if (isset($result['code'])) {
36 |             Log::write('[Tietuku图床]上传失败：' . $result['info'], 'ERROR');
37 |             return false;
38 |         }
39 |         return $result['linkurl'];
40 |     }
41 | }


--------------------------------------------------------------------------------
/app/ImageHosting/FiftyEight.php:
--------------------------------------------------------------------------------
 1 | <?php
 2 | 
 3 | namespace app\ImageHosting;
 4 | 
 5 | use app\Libs\Curl;
 6 | use app\Libs\Log;
 7 | 
 8 | /**
 9 |  * 58 同城图床（有时会和谐一些图）
10 |  * 鸣谢：[@metowolf](https://github.com/metowolf)
11 |  * Class FiftyEight
12 |  * @package app\ImageHosting
13 |  */
14 | class FiftyEight extends ImageHosting
15 | {
16 |     public function upload($path)
17 |     {
18 |         $data = [
19 |             'Pic-Size' => '0*0',
20 |             'Pic-Encoding' => 'base64',
21 |             'Pic-Path' => '/nowater/webim/big/',
22 |             'Pic-Data' => base64_encode(file_get_contents($path)),
23 |         ];
24 |         $result = Curl::post('https://upload.58cdn.com.cn/json', json_encode($data), [
25 |             CURLOPT_HTTPHEADER => [
26 |                 'Origin: https://ai.58.com',
27 |                 'Referer: https://ai.58.com/pc/'
28 |             ],
29 |         ]);
30 | 
31 |         $data['Pic-Data'] = '（数据长度：' . strlen($data['Pic-Data']) . '）';
32 |         Log::write('[58图床]上传：' . json_encode($data));
33 |         Log::write('[58图床]返回：' . $result);
34 | 
35 |         if (empty($result) || stripos($result, 'n_v2') !== 0) {
36 |             Log::write('[58图床]上传失败', 'ERROR');
37 |             return false;
38 |         }
39 | 
40 |         return 'https://pic3.58cdn.com.cn/nowater/webim/big/' . $result;
41 |     }
42 | }


--------------------------------------------------------------------------------
/doc/deploy.md:
--------------------------------------------------------------------------------
 1 | # 部署
 2 | ## Docker
 3 | ```shell
 4 | docker run -d -p 80:80 --name=pixiv -e URL=http://localhost/ ghcr.io/mokeyjay/pixiv-daily-ranking-widget
 5 | ```
 6 | 详见 [Docker](https://github.com/mokeyjay/Pixiv-daily-ranking-widget/blob/master/doc/docker.md)
 7 | ## 本地部署
 8 | - [下载源代码](https://github.com/mokeyjay/Pixiv-daily-ranking-widget/releases/latest)
 9 | - 解压缩到 web 目录下
10 | - 使用专业编辑器（例如 `Visual Studio Code`、`Sublime` 等，禁止使用记事本）编辑 `config.php`，根据实际情况修改相应配置
11 | > 由于 Pixiv 已经被墙，如果你想要将此项目部署在中国大陆境内，可能需要配置 `proxy` 配置项
12 | 
13 | - 给予 `storage` 目录写入权限
14 | 
15 | ## 主动触发更新
16 | 默认情况下，此挂件每次被访问都会检查排行榜数据是否已过期，并在需要时额外发起一次请求来触发自动更新。通常不需要干预  
17 | 
18 | 但在有些情况下（例如 PHP 超时时间设的不够长、服务器性能较低），这种通过 web 方式触发的更新还没执行完就被中断，不仅导致更新始终无法完成，还会一直浪费性能及带宽  
19 | 如果你遇到同样的问题，可以关闭 web 方式触发更新（将 `config.php` 中的 `disable_web_job` 设为 `false`）  
20 | 然后通过 cli 方式主动触发，例如 `php index.php -j=refresh`  
21 | 
22 | > 你可以使用 `crontab` 之类的工具来定时自动触发更新。例如 `*/30 * * * * php /path/to/pixiv/index.php -j=refresh`  
23 | > 表示每 30 分钟执行一次更新。程序会自动判断是否真的需要更新，不会浪费性能
24 | 
25 | ## 清除日志
26 | 打开日志（`config.php` 中的 `log_level` 设为 `['DEBUG', 'ERROR']`）可以将此挂件的运行信息记录下来  
27 | 向我反馈问题时，通常也建议将日志和配置文件打包发送给我（请勿将配置文件发布到公开场合）  
28 | 如果你准备长期打开日志又担心它占用过多的硬盘，可以通过 `php index.php -j=clear-log` 来删除 7 天前的日志  
29 | > 添加参数 `-n=3` 即删除 3 天前的日志
30 | 
31 | > 你可以使用 `crontab` 之类的工具来定时自动删除。例如 `30 1 * * * php /path/to/pixiv/index.php -j=clear-log`


--------------------------------------------------------------------------------
/doc/docker.md:
--------------------------------------------------------------------------------
 1 | # Docker
 2 | > 如需启用多个容器，请通过挂载目录的方式在它们之间共享 `/var/www/html/storage` 目录，避免每个容器各自更新排行榜数据，造成性能浪费
 3 | 
 4 | ## 部署
 5 | ### 命令行
 6 | ```shell
 7 | docker run -d -p 80:80 --name=pixiv -e URL=http://localhost/ ghcr.io/mokeyjay/pixiv-daily-ranking-widget
 8 | ```
 9 | 
10 | ### Docker compose
11 | ```yaml
12 | version: '3.1'
13 | 
14 | services:
15 |   pixiv:
16 |     image: ghcr.io/mokeyjay/pixiv-daily-ranking-widget
17 |     container_name: pixiv
18 |     restart: always
19 |     environment:
20 |       URL: http://localhost/
21 |     ports:
22 |       - "80:80"
23 | ```
24 | 
25 | > `URL` 是指向这个容器的访问地址，支持路径，必须以 `/` 结尾
26 | 
27 | ## 配置
28 | 通过 [环境变量](https://docs.docker.com/compose/compose-file/#environment) 进行配置。所有配置项见 [config.docker.php](../.docker/config.php)
29 | 
30 | > 默认只启用了 `local` 图床（即图片存储在容器本地）。使用它时，必须配置 `URL` 项  
31 | > 
32 | > 与本地部署不同，Docker 镜像内置了自动更新排行榜数据的定时任务，因此 `DISABLE_WEB_JOB` 默认为 `true`，即不通过 web 访问触发更新
33 | 
34 | > 日志路径：`/var/www/html/storage/logs`
35 | 
36 | ## 任务
37 | ### 主动触发更新
38 | > 通常情况下，排行榜数据会每半小时检测一次更新，无需主动触发  
39 | > 首次部署时，可以手动触发一次更新，或等待半小时自动更新
40 | 
41 | ```shell
42 | docker exec pixiv php index.php -j=refresh
43 | ```
44 | 详见 [主动触发更新](https://github.com/mokeyjay/Pixiv-daily-ranking-widget/blob/master/doc/deploy.md)
45 | 
46 | ### 清除日志
47 | ```shell
48 | docker exec pixiv php index.php -j=clear-log
49 | ```
50 | 详见 [清除日志](https://github.com/mokeyjay/Pixiv-daily-ranking-widget/blob/master/doc/deploy.md)


--------------------------------------------------------------------------------
/app/Libs/Lock.php:
--------------------------------------------------------------------------------
 1 | <?php
 2 | 
 3 | namespace app\Libs;
 4 | 
 5 | /**
 6 |  * 锁
 7 |  * Class Lock
 8 |  * @package app\Libs
 9 |  */
10 | class Lock
11 | {
12 |     /**
13 |      * 锁是否有效
14 |      * @param string $name
15 |      * @return bool
16 |      */
17 |     public static function check($name)
18 |     {
19 |         $lock = Storage::get("app/{$name}.lock");
20 |         if ($lock === false) {
21 |             return false;
22 |         }
23 | 
24 |         return ($lock > time() || $lock == 0);
25 |     }
26 | 
27 |     /**
28 |      * 创建锁
29 |      * @param string $name
30 |      * @param int    $expire 自动过期时间（秒）
31 |      * @return bool 创建失败或锁已存在时返回 false
32 |      */
33 |     public static function create($name, $expire = 0)
34 |     {
35 |         if (self::check($name) === false) {
36 |             return Storage::save("app/{$name}.lock", ($expire ? (time() + $expire) : 0));
37 |         }
38 |         return false;
39 |     }
40 | 
41 |     /**
42 |      * 移除锁
43 |      * @param string $name
44 |      * @return bool
45 |      */
46 |     public static function remove($name)
47 |     {
48 |         return Storage::remove("app/{$name}.lock");
49 |     }
50 | 
51 |     /**
52 |      * 强制创建锁
53 |      * @param string $name 锁名称
54 |      * @param int    $expire 自动过期时间（秒）
55 |      * @return bool
56 |      */
57 |     public static function forceCreate($name, $expire)
58 |     {
59 |         return Storage::save("app/{$name}.lock", ($expire ? (time() + $expire) : 0));
60 |     }
61 | }


--------------------------------------------------------------------------------
/app/ImageHosting/Smms.php:
--------------------------------------------------------------------------------
 1 | <?php
 2 | 
 3 | namespace app\ImageHosting;
 4 | 
 5 | use app\Libs\Config;
 6 | use app\Libs\Curl;
 7 | use app\Libs\Log;
 8 | 
 9 | /**
10 |  * sm.ms图床
11 |  * 鸣谢：[@Showfom](https://github.com/Showfom)
12 |  * Class Smms
13 |  * @package app\ImageHosting
14 |  * @url https://sm.ms
15 |  */
16 | class Smms extends ImageHosting
17 | {
18 |     public function upload($path)
19 |     {
20 |         if (empty(Config::$image_hosting_extend['smms']['token'])) {
21 |             Log::write('[Smms图床]上传失败：请先配置 smms 的 token', 'ERROR');
22 |             return false;
23 |         }
24 | 
25 |         $data = ['smfile' => Curl::getCurlFile($path)];
26 |         $header = [
27 |             CURLOPT_HTTPHEADER => [
28 |                 'Authorization' => Config::$image_hosting_extend['smms']['token'],
29 |             ],
30 |         ];
31 |         $result = Curl::post('https://sm.ms/api/v2/upload', $data, $header);
32 | 
33 |         Log::write('[Smms图床]上传：' . json_encode($data));
34 |         Log::write('[Smms图床]返回：' . $result);
35 |         $result = json_decode($result, true);
36 | 
37 |         if (isset($result['code'])) {
38 |             if ($result['code'] == 'success') {
39 |                 return $result['data']['url'];
40 |             } elseif ($result['code'] == 'image_repeated') {
41 |                 return $result['images'];
42 |             }
43 |         }
44 | 
45 |         Log::write('[Smms图床]上传失败：' . $result['msg'], 'ERROR');
46 |         return false;
47 |     }
48 | }


--------------------------------------------------------------------------------
/doc/advance-usage.en.md:
--------------------------------------------------------------------------------
 1 | # Advanced usage
 2 | ```html
 3 | <iframe src="https://pixiv.mokeyjay.com" style="width:240px;  height:380px;  border: 0"></iframe>
 4 | ```
 5 | 
 6 | ## Custom width or height
 7 | This widget supports adaptive width and height. You only need to change the value of `width` or `height` in the code
 8 | For example, if you want a width of 300px and height of 500px , then change the code above from  
 9 | `width:240px;  height:380px;` 
10 | 
11 | to `width:300px; height:500px;`
12 | 
13 | > Since most pixiv images are previewed at a resolution of about 240*380, there is usually no need to modify the width and height.
14 | 
15 | ## Custom background color
16 | The default background color is transparent. If you want to change the background color, you can add a parameter `color` to the URL.
17 | For example, if you want a red background, then change the above code from  
18 | `/pixiv` 
19 | 
20 | to `/pixiv?color=f00`
21 | 
22 | `f00` means red, supports 3- or 6-digit [HTML Color Codes](https://htmlcolorcodes.com/), **without the # sign**
23 | 
24 | ## Customize the returned pic number
25 | By default, only the top 50 entries are displayed. You can change this with the URL parameter `limit`.
26 | > the limit has a maximum of 500 since the maximum order of Pixiv Ranking is 500.
27 | 
28 | For example, if you only want the first 10, then change the above code from  
29 | `/pixiv` to `/pixiv?limit=10`
30 | 
31 | > ⚠️ This value cannot exceed the limit configuration in `config.php`
32 | 
33 | > 🌟 To use more than one URL argument at a time, you can connect them with `&`. Such as `?color=f00&limit=10`


--------------------------------------------------------------------------------
/.github/workflows/develop.yml:
--------------------------------------------------------------------------------
 1 | name: 推送开发用的 docker 镜像
 2 | on:
 3 |   push:
 4 |     branches:
 5 |       - 'develop'
 6 | 
 7 | env:
 8 |   REGISTRY: ghcr.io
 9 |   IMAGE_NAME: ${{ github.repository }}
10 | 
11 | jobs:
12 |   push_to_registry:
13 |     name: 构建并推送
14 |     runs-on: ubuntu-latest
15 | 
16 |     permissions:
17 |       contents: read
18 |       packages: write
19 | 
20 |     steps:
21 |       # https://github.com/actions/checkout
22 |       - name: 拉取代码
23 |         uses: actions/checkout@v4
24 |         with:
25 |           ref: develop
26 | 
27 |       # https://github.com/docker/login-action
28 |       - name: 登录到 ghcr
29 |         uses: docker/login-action@v3
30 |         with:
31 |           registry: ${{ env.REGISTRY }}
32 |           username: ${{ github.actor }}
33 |           password: ${{ secrets.GITHUB_TOKEN }}
34 | 
35 |       # https://github.com/docker/metadata-action
36 |       - name: 提取事件元数据
37 |         id: meta
38 |         uses: docker/metadata-action@v5
39 |         with:
40 |           images: ${{ env.REGISTRY }}/${{ env.IMAGE_NAME }}
41 | 
42 |       # https://github.com/docker/setup-buildx-action
43 |       - name: 使用 buildx 作为构建器
44 |         uses: docker/setup-buildx-action@v3
45 | 
46 |       # https://github.com/docker/build-push-action
47 |       - name: 构建并推送
48 |         uses: docker/build-push-action@v5
49 |         with:
50 |           context: .
51 |           file: .docker/Dockerfile
52 |           push: true
53 |           tags: ${{ steps.meta.outputs.tags }}
54 |           platforms: linux/amd64,linux/arm64
55 |           cache-from: type=gha
56 |           cache-to: type=gha,mode=max


--------------------------------------------------------------------------------
/.docker/config.php:
--------------------------------------------------------------------------------
 1 | <?php
 2 | /**
 3 |  * 此文件为 docker 环境的配置文件
 4 |  * 每个参数的含义见 config.php
 5 |  *
 6 |  * This file is the docker environment configuration file
 7 |  * See config.php for the meaning of each parameter
 8 |  */
 9 | 
10 | use app\Libs\Env;
11 | 
12 | Env::init();
13 | 
14 | return [
15 |     'url' => Env::getStr('URL'),
16 | 
17 |     'background_color' => Env::getStr('BACKGROUND_COLOR', 'transparent'),
18 | 
19 |     'limit' => Env::getStr('LIMIT', 50),
20 | 
21 |     'service' => Env::getBool('SERVICE', true),
22 | 
23 |     'log_level' => Env::getArray('LOG_LEVEL', ['DEBUG', 'ERROR']),
24 | 
25 |     'proxy' => Env::getStr('PROXY'),
26 | 
27 |     'clear_overdue' => Env::getBool('CLEAR_OVERDUE', true),
28 | 
29 |     'compress' => Env::getBool('COMPRESS', true),
30 | 
31 |     'image_hosting' => Env::getArray('IMAGE_HOSTING', ['local']),
32 | 
33 |     'image_hosting_extend' => [
34 |         'tietuku' => [
35 |             'token' => Env::getStr('IMAGE_HOSTING_EXTEND_TIETUKU_TOKEN'),
36 |         ],
37 |         'smms' => [
38 |             'token' => Env::getStr('IMAGE_HOSTING_EXTEND_SMMS_TOKEN'),
39 |         ],
40 |         'riyugo' => [
41 |             'url' => Env::getStr('IMAGE_HOSTING_EXTEND_RIYUGO_URL'),
42 |             'upload_path' => Env::getStr('IMAGE_HOSTING_EXTEND_RIYUGO_UPLOAD_PATH'),
43 |             'unique_id' => Env::getStr('IMAGE_HOSTING_EXTEND_RIYUGO_UNIQUE_ID'),
44 |             'token' => Env::getStr('IMAGE_HOSTING_EXTEND_RIYUGO_TOKEN'),
45 |         ],
46 |     ],
47 | 
48 |     'disable_web_job' => Env::getBool('DISABLE_WEB_JOB', true),
49 | 
50 |     'header_script' => Env::getStr('HEADER_SCRIPT', ''),
51 | 
52 |     'ranking_type' => Env::getStr('RANKING_TYPE', ''),
53 | ];


--------------------------------------------------------------------------------
/app/Libs/Env.php:
--------------------------------------------------------------------------------
 1 | <?php
 2 | 
 3 | namespace app\Libs;
 4 | 
 5 | /**
 6 |  * 环境变量
 7 |  * Class Env
 8 |  * @package app\Libs
 9 |  */
10 | class Env
11 | {
12 |     private static $env = [];
13 | 
14 |     /**
15 |      * 从指定环境变量文件读取
16 |      * 避免被 crontab 触发时无法读到环境变量的问题
17 |      * @param $file
18 |      * @return void
19 |      * @throws \Exception
20 |      */
21 |     public static function init($file = '.env')
22 |     {
23 |         if (!is_readable(BASE_PATH . $file)) {
24 |             throw new \Exception('无法读取 .env 环境变量文件');
25 |         }
26 | 
27 |         self::$env = parse_ini_file(BASE_PATH . $file);
28 | 
29 |         if (self::$env === false) {
30 |             throw new \Exception('无法解析 .env 环境变量文件');
31 |         }
32 |     }
33 | 
34 |     /**
35 |      * 从环境变量中读取字符串
36 |      * @param string $name
37 |      * @param mixed $default
38 |      * @return mixed
39 |      */
40 |     public static function getStr($name, $default = '')
41 |     {
42 |         $data = self::$env[$name] ?: false;
43 | 
44 |         return $data === false ? $default : $data;
45 |     }
46 | 
47 |     /**
48 |      * 检查布尔环境变量是否存在。若不存在，返回默认值
49 |      * @param string $name
50 |      * @param mixed $default
51 |      * @return bool
52 |      */
53 |     public static function getBool($name, $default = false)
54 |     {
55 |         return strtolower(self::getStr($name, $default)) === 'true';
56 |     }
57 | 
58 |     /**
59 |      * 检查数组环境变量是否存在。若不存在，返回默认值
60 |      * 数组的值为 ',' 分割的字符串
61 |      * @param string $name
62 |      * @param array $default
63 |      * @return array|false
64 |      */
65 |     public static function getArray($name, $default = [])
66 |     {
67 |         $data = self::getStr($name, $default);
68 | 
69 |         return is_array($data) ? $data : explode(',', $data);
70 |     }
71 | }


--------------------------------------------------------------------------------
/app/ImageHosting/Riyugo.php:
--------------------------------------------------------------------------------
 1 | <?php
 2 | 
 3 | namespace app\ImageHosting;
 4 | 
 5 | use app\Libs\Config;
 6 | use app\Libs\Curl;
 7 | use app\Libs\Log;
 8 | use app\Libs\Str;
 9 | 
10 | /**
11 |  * 薄荷图床（国内，香港腾讯云）
12 |  * Class riyugo
13 |  * @package app\ImageHosting
14 |  * @url https://riyugo.com/
15 |  */
16 | class Riyugo extends ImageHosting
17 | {
18 |     public function upload($path)
19 |     {
20 |         $config = Config::$image_hosting_extend['riyugo'];
21 |         foreach (['url', 'unique_id', 'token'] as $key) {
22 |             if (empty($config[$key])) {
23 |                 Log::write('[薄荷图床]读取账号配置失败');
24 |                 return false;
25 |             }
26 |         }
27 | 
28 |         $data = [
29 |             'name' => pathinfo($path, PATHINFO_BASENAME),
30 |             'uuid' => 'o_1g' . Str::random(27),
31 |             'uploadPath' => $config['upload_path'],
32 |             'mode' => 1,
33 |             'file' => Curl::getCurlFile($path),
34 |         ];
35 |         $result = Curl::post(rtrim($config['url']) . '/file.php', $data, [
36 |             CURLOPT_HTTPHEADER => [
37 |                 'accept: */*',
38 |                 'referer: ' . $config['url'],
39 |                 'origin: ' . $config['url'],
40 |             ],
41 |             CURLOPT_COOKIE => sprintf('frontendlogin=y; name-mode=_isRenameMode; filemanager%s=%s', $config['unique_id'], $config['token']),
42 |         ]);
43 | 
44 |         Log::write('[薄荷图床]上传：' . json_encode($data));
45 |         Log::write('[薄荷图床]返回：' . $result);
46 | 
47 |         $json = json_decode($result, true);
48 |         if (isset($json['result']) && $json['result'] == 'success' && !empty($json['url'])) {
49 |             return $json['url'];
50 |         }
51 | 
52 |         Log::write('[薄荷图床]上传失败', 'ERROR');
53 |         return false;
54 |     }
55 | }


--------------------------------------------------------------------------------
/app/Libs/Request.php:
--------------------------------------------------------------------------------
 1 | <?php
 2 | 
 3 | namespace app\Libs;
 4 | 
 5 | /**
 6 |  * 请求类
 7 |  */
 8 | class Request
 9 | {
10 |     /**
11 |      * 获取当前请求的协议
12 |      * @return string
13 |      */
14 |     public static function getScheme()
15 |     {
16 |         if (isset($_SERVER['REQUEST_SCHEME'])) {
17 |             return $_SERVER['REQUEST_SCHEME'];
18 |         }
19 | 
20 |         if (
21 |             (!empty($_SERVER['HTTPS']) && strtolower($_SERVER['HTTPS']) !== 'off') ||
22 |             (isset($_SERVER['HTTP_X_FORWARDED_PROTO']) && $_SERVER['HTTP_X_FORWARDED_PROTO'] === 'https') ||
23 |             (!empty($_SERVER['HTTP_FRONT_END_HTTPS']) && strtolower($_SERVER['HTTP_FRONT_END_HTTPS']) !== 'off')
24 |         ) {
25 |             return 'https';
26 |         }
27 | 
28 |         return 'http';
29 |     }
30 | 
31 |     /**
32 |      * 获取当前 url （以 / 结尾。不含 query 参数及文件名）
33 |      * @return string
34 |      */
35 |     public static function getCurrentUrl()
36 |     {
37 |         $url = self::getScheme() . '://' . $_SERVER['HTTP_HOST'];
38 |         if (!in_array($_SERVER['SERVER_PORT'], ['80', '443'])) {
39 |             $url .= ':' . $_SERVER['SERVER_PORT'];
40 |         }
41 | 
42 |         $scriptName = explode('/', $_SERVER['SCRIPT_NAME']);
43 |         $scriptName = array_pop($scriptName);
44 | 
45 |         $path = explode($scriptName, $_SERVER['REQUEST_URI']);
46 |         $path = array_shift($path);
47 | 
48 |         $url .= rtrim($path, '/') . '/';
49 | 
50 |         return $url;
51 |     }
52 | 
53 |     /**
54 |      * 执行刷新线程
55 |      */
56 |     public static function execRefreshThread()
57 |     {
58 |         if (Config::$disable_web_job) {
59 |             return;
60 |         }
61 | 
62 |         Config::$proxy = null;
63 |         Curl::get(Config::$url . 'index.php?job=refresh', [
64 |             CURLOPT_TIMEOUT => 1,
65 |         ]);
66 |     }
67 | }


--------------------------------------------------------------------------------
/.github/workflows/docker-image.yml:
--------------------------------------------------------------------------------
 1 | # action 的名称
 2 | name: 推送 Docker 镜像
 3 | # 触发 action 的事件
 4 | on:
 5 |   push:
 6 |     # master 分支有推送时触发
 7 |     branches:
 8 |       - 'master'
 9 |     # tag 新建时触发
10 |     tags:
11 |       - '*'
12 | 
13 | env:
14 |   REGISTRY: ghcr.io
15 |   IMAGE_NAME: ${{ github.repository }}
16 | 
17 | jobs:
18 |   push_to_registry:
19 |     name: 构建并推送
20 |     # 基于指定平台构建。有 win、ubuntu、mac 可选
21 |     # 消耗的分钟倍数：linux 1x、win 2x、mac 10x
22 |     runs-on: ubuntu-latest
23 | 
24 |     permissions:
25 |       contents: read
26 |       packages: write
27 | 
28 |     steps:
29 |       # https://github.com/actions/checkout
30 |       - name: 拉取代码
31 |         uses: actions/checkout@v4
32 | 
33 |       # https://github.com/docker/login-action
34 |       - name: 登录到 ghcr
35 |         uses: docker/login-action@v3
36 |         with:
37 |           registry: ${{ env.REGISTRY }}
38 |           username: ${{ github.actor }}
39 |           password: ${{ secrets.GITHUB_TOKEN }}
40 | 
41 |       # 从触发此次 action 的事件中提取源数据（tag、label 什么的）
42 |       # https://github.com/docker/metadata-action
43 |       - name: 提取事件元数据
44 |         id: meta
45 |         uses: docker/metadata-action@v5
46 |         with:
47 |           # 提取出来的源数据用于这个镜像
48 |           images: ${{ env.REGISTRY }}/${{ env.IMAGE_NAME }}
49 | 
50 |       # 使用 buildx 作为构建器，以支持多平台构建之类的能力
51 |       # https://github.com/docker/setup-buildx-action
52 |       - name: 使用 buildx 作为构建器
53 |         uses: docker/setup-buildx-action@v3
54 | 
55 |       # https://github.com/docker/build-push-action
56 |       - name: 构建并推送
57 |         uses: docker/build-push-action@v5
58 |         with:
59 |           context: .
60 |           file: .docker/Dockerfile
61 |           push: true
62 |           tags: ${{ steps.meta.outputs.tags }}
63 |           labels: ${{ steps.meta.outputs.labels }}
64 |           platforms: linux/amd64,linux/arm64
65 |           cache-from: type=gha
66 |           cache-to: type=gha,mode=max


--------------------------------------------------------------------------------
/app/Views/loading.php:
--------------------------------------------------------------------------------
 1 | <?php
 2 | use app\Libs\Config;
 3 | ?>
 4 | <!-- 来自 mokeyjay 的 Pixiv每日排行榜小挂件 -->
 5 | <!-- 博客：https://www.mokeyjay.com -->
 6 | <!-- 这个博客将会集技术、ACG、日常、分享于一身，如果你喜欢，常来玩哦 -->
 7 | <!DOCTYPE html>
 8 | <html lang="zh-CN">
 9 | <head>
10 |   <meta charset="utf-8">
11 |   <meta http-equiv="X-UA-Compatible" content="IE=edge">
12 |   <meta name="viewport" content="width=device-width, initial-scale=1">
13 |   <title>Pixiv 每日排行榜 Top<?=Config::$limit?> 小挂件</title>
14 |   <style>
15 |     html, body { height : 100%; background-color : <?=Config::$background_color?>; }
16 |     body { display: flex; align-items: center; justify-content: center; margin: 0; }
17 |     div { text-align : center; }
18 | 
19 |     @keyframes spinner-two-alt {
20 |       0% {transform: rotate(0deg)}
21 |       to {transform: rotate(359deg)}
22 |     }
23 | 
24 |     .gg-spinner-two-alt,.gg-spinner-two-alt::before {
25 |       box-sizing: border-box;
26 |       display: block;
27 |       width: 40px;
28 |       height: 40px;
29 |       color: #aaaaaa;
30 |     }
31 | 
32 |     .gg-spinner-two-alt {
33 |       position: relative;
34 |       margin: 20px auto;
35 |     }
36 | 
37 |     .gg-spinner-two-alt::before {
38 |       content: "";
39 |       position: absolute;
40 |       border-radius: 100px;
41 |       animation: spinner-two-alt 1s cubic-bezier(.6,0,.4,1) infinite;
42 |       border: 6px solid transparent;
43 |       border-bottom-color: currentColor;
44 |       border-top-color: currentColor
45 |     }
46 | 
47 |     .tip { font-size: 22px; color: #aaaaaa; }
48 |   </style>
49 |   <script>
50 |     setTimeout(function() {
51 |       location.reload()
52 |     }, 30000)
53 |   </script>
54 | </head>
55 | <body>
56 | <div>
57 |   <i class="gg-spinner-two-alt"></i>
58 |   <div class="tip">排行榜更新中<br>请稍候</div>
59 | </div>
60 | </body>
61 | <script>
62 |   window.onload = function(){
63 |     if (navigator.language.substring(0, 2).toLowerCase() !== 'zh') {
64 |       document.querySelector('div.tip').innerHTML = 'Ranking Updating<br>Just a moment'
65 |     }
66 |   }
67 | </script>
68 | </html>


--------------------------------------------------------------------------------
/doc/docker.en.md:
--------------------------------------------------------------------------------
 1 | # Docker
 2 | > If you need to enable multiple containers, share the `/var/www/html/storage` directory between them by mounting it to avoid each container updating the ranking data separately and causing performance waste
 3 | 
 4 | ## Deployment
 5 | ### Command
 6 | ```shell
 7 | docker run -d -p 80:80 --name=pixiv -e URL=http://localhost/ ghcr.io/mokeyjay/pixiv-daily-ranking-widget
 8 | ```
 9 | 
10 | ### Docker compose
11 | ```yaml
12 | version: '3.1'
13 | 
14 | services:
15 |   pixiv:
16 |     image: ghcr.io/mokeyjay/pixiv-daily-ranking-widget
17 |     container_name: pixiv
18 |     restart: always
19 |     environment:
20 |       URL: http://localhost/
21 |     ports:
22 |       - "80:80"
23 | ```
24 | 
25 | > `URL` is the access url to the container, supports path, and must end with `/`
26 | 
27 | ## Configure
28 | By [environment](https://docs.docker.com/compose/compose-file/#environment) . all config items see [config.docker.php](../.docker/config.php)
29 | 
30 | > Only the `local` image hosting is enabled by default (images are stored locally to the container). To use it, you must configure the `URL` item  
31 | > 
32 | > Different from local deployment, Docker image has built-in scheduling tasks that automatically update ranking data. Therefore, the default value of `DISABLE_WEB_JOB` is `true`, which means that updates are not triggered through web access
33 | 
34 | > logs path: `/var/www/html/storage/logs`
35 | 
36 | ## Jobs
37 | ### Trigger updates proactively
38 | > In general, ranking data is detected for updates every half hour without being actively triggered  
39 | > When you deploy for the first time, you can trigger an update manually or wait for half an hour to update automatically
40 | 
41 | ```shell
42 | docker exec pixiv php index.php -j=refresh
43 | ```
44 | See [Trigger updates proactively](https://github.com/mokeyjay/Pixiv-daily-ranking-widget/blob/master/doc/deploy.en.md)
45 | 
46 | ### Clear the logs
47 | ```shell
48 | docker exec pixiv php index.php -j=clear-log
49 | ```
50 | See [Clear the logs](https://github.com/mokeyjay/Pixiv-daily-ranking-widget/blob/master/doc/deploy.en.md)


--------------------------------------------------------------------------------
/doc/deploy.en.md:
--------------------------------------------------------------------------------
 1 | # Deployment
 2 | ## Docker
 3 | ```shell
 4 | docker run -d -p 80:80 --name=pixiv -e URL=http://localhost/ ghcr.io/mokeyjay/pixiv-daily-ranking-widget
 5 | ```
 6 | See [Docker](https://github.com/mokeyjay/Pixiv-daily-ranking-widget/blob/master/doc/docker.en.md)
 7 | ## Local
 8 | - [Download source code](https://github.com/mokeyjay/Pixiv-daily-ranking-widget/releases/latest)
 9 | - Unzip under your the web directory
10 | - Edit `config.php` with a **professional** editor (e.g. `Visual Studio Code`, `Sublime`, etc., notepad is not allowed) and modify the configuration according to your own needs
11 | - Grant write permission to `storage` directory
12 | 
13 | ## Trigger updates proactively
14 | By default, this widget will check if the ranking data is out of date every time it is accessed and make an additional request to trigger an automatic update if needed. In most cases, this operation is not required.
15 | 
16 | However, in some cases (e.g. PHP timeouts are not long enough, server performance is too poor), this web-triggered update will be interrupted before it finishes. This will interrupt the update and never let it finish, and also keeps consuming unnecessary performance and bandwidth.  
17 | If you encounter the problem above, you can turn off web-triggered updates (set `disable_web_job` to `false` in `config.php`)  
18 | Then trigger update proactively via cli, e.g. `php index.php -j=refresh`
19 | 
20 | > You can use a tool like `crontab` to automatically trigger updates on a regular basis. For example `*/30 * * * * php /path/to/pixiv/index.php -j=refresh`  
21 | > It means run update every 30 minutes. The program will automatically determine whether it really needs to be updated, and it won't waste performance
22 | 
23 | ## Clear the logs
24 | Opening the log (set `log_level` to `['DEBUG', 'ERROR']` in `config.php`) will log this widget's running info.  
25 | When giving me feedback on a problem, it is usually recommended to send me the logs and configuration file as a zip package (please do not post the configuration file to the public)  
26 | If you are going to keep the log enabled for a long time and are worried about it taking up too much hard drive, you can delete the logs over 7 days with `php index.php -j=clear-log`
27 | 
28 | > Add the parameter `-n=3` to delete logs that are 3 days old
29 | 
30 | > You can use a tool like `crontab` to delete automatically on a regular basis. For example `30 1 * * * php /path/to/pixiv/index.php -j=clear-log`


--------------------------------------------------------------------------------
/app/Libs/Config.php:
--------------------------------------------------------------------------------
 1 | <?php
 2 | 
 3 | namespace app\Libs;
 4 | 
 5 | /**
 6 |  * 配置类
 7 |  * Class Config
 8 |  * @package app\Libs
 9 |  */
10 | class Config
11 | {
12 |     // 此处属性对应 config.php 内的配置项
13 |     public static $url = '';
14 |     public static $background_color = 'transparent';
15 |     public static $limit = 50;
16 |     public static $service = true;
17 |     public static $log_level = [];
18 |     public static $proxy = '';
19 |     public static $clear_overdue = true;
20 |     public static $compress = true;
21 |     public static $image_hosting = ['local'];
22 |     public static $image_hosting_extend = [];
23 |     public static $disable_web_job = false;
24 |     public static $header_script = '';
25 |     public static $ranking_type = '';
26 | 
27 |     /**
28 |      * 初始化配置
29 |      */
30 |     public static function init()
31 |     {
32 |         // 读取配置项
33 |         $config = require BASE_PATH . 'config.php';
34 |         foreach ($config as $key => $value) {
35 |             self::$$key = $value;
36 |         }
37 | 
38 |         // 获取本项目 url
39 |         if (self::$url == '' && !IS_CLI) {
40 |             self::$url = Request::getCurrentUrl();
41 |         }
42 | 
43 |         // 是否对外提供服务，是则获取 url 参数
44 |         if (self::$service) {
45 |             if (isset($_GET['color'])) {
46 |                 self::$background_color = '#' . $_GET['color'];
47 |             }
48 |             if (isset($_GET['limit'])) {
49 |                 self::$limit = (int)$_GET['limit'];
50 |             }
51 |         }
52 | 
53 |         try {
54 |             if (!is_writable(STORAGE_PATH)) {
55 |                 throw new \Exception(STORAGE_PATH . ' 目录无法写入');
56 |             }
57 | 
58 |             if (!is_array(Config::$image_hosting) || count(Config::$image_hosting) < 1) {
59 |                 throw new \Exception('image_hosting 配置项至少要有一个值');
60 |             }
61 | 
62 |             if (self::$limit < 1) {
63 |                 throw new \Exception('limit 配置项不得小于1');
64 |             }
65 | 
66 |             if (IS_CLI && self::$url == '' && in_array('local', self::$image_hosting)) {
67 |                 throw new \Exception('在 cli 模式下使用 local 本地图床时，必须配置 url 项，否则可能会生成错误的缩略图 url');
68 |             }
69 | 
70 |             if (!in_array(Config::$ranking_type, ['', 'illust', 'manga'])) {
71 |                 throw new \Exception('ranking_type 配置项必须为空、illust 或 manga');
72 |             }
73 | 
74 |         } catch (\Exception $e) {
75 |             Log::write($e->getMessage(), Log::LEVEL_ERROR);
76 |             echo '错误：' . $e->getMessage();
77 | 
78 |             die;
79 |         }
80 |     }
81 | }


--------------------------------------------------------------------------------
/app/App.php:
--------------------------------------------------------------------------------
 1 | <?php
 2 | 
 3 | namespace app;
 4 | 
 5 | use app\Jobs\Job;
 6 | use app\Libs\Config;
 7 | use app\Libs\Log;
 8 | use app\Libs\Str;
 9 | 
10 | class App
11 | {
12 |     /**
13 |      * 应用初始化
14 |      */
15 |     protected static function init()
16 |     {
17 |         Config::init();
18 | 
19 |         // 注册全局错误捕捉
20 |         set_exception_handler(function ($exception) {
21 |             Log::write($exception->getMessage(), 'ERROR');
22 |             http_response_code(500);
23 |             die;
24 |         });
25 |     }
26 | 
27 |     public static function run()
28 |     {
29 |         self::init();
30 | 
31 |         self::job();
32 | 
33 |         self::route();
34 |     }
35 | 
36 |     /**
37 |      * 运行任务
38 |      * @throws \Exception
39 |      */
40 |     protected static function job()
41 |     {
42 |         $opt = getopt('j:');
43 |         if (empty($_GET['job']) && empty($opt['j'])) {
44 |             return;
45 |         }
46 | 
47 |         $jobName = !empty($_GET['job']) ? $_GET['job'] : $opt['j'];
48 |         $job = Job::make($jobName);
49 | 
50 |         if (!empty($_GET['job']) && $job->onlyActivateByCli) {
51 |             throw new \Exception("任务 {$jobName} 只能通过 cli 触发");
52 |         }
53 | 
54 |         if (!$job) {
55 |             throw new \Exception("任务 {$jobName} 加载失败");
56 |         }
57 | 
58 |         set_time_limit(0);
59 |         if ($job->run()) {
60 |             Log::write("任务 {$jobName} 执行完毕");
61 |             echo "任务 {$jobName} 执行完毕";
62 |         } else {
63 |             throw new \Exception("任务 {$jobName} 执行失败：{$job->getErrorMsg()}");
64 |         }
65 | 
66 |         exit;
67 |     }
68 | 
69 |     /**
70 |      * 路由
71 |      */
72 |     protected static function route()
73 |     {
74 |         $route = isset($_GET['r']) ? $_GET['r'] : 'index';
75 |         $route = explode('/', $route);
76 | 
77 |         $controller = Str::studly(array_shift($route) ?: 'index');
78 |         $method = lcfirst(Str::studly(array_pop($route) ?: 'index'));
79 | 
80 |         $class = "app\\Controllers\\{$controller}Controller";
81 |         if (!class_exists($class)) {
82 |             Log::write("控制器不存在：{$class}", Log::LEVEL_ERROR);
83 | 
84 |             http_response_code(404);
85 |             die;
86 |         }
87 | 
88 |         $controller = new $class;
89 |         if (!is_callable([$controller, $method])) {
90 |             Log::write("无法调用此方法：{$class}->{$method}()", Log::LEVEL_ERROR);
91 | 
92 |             http_response_code(404);
93 |             die;
94 |         }
95 | 
96 |         $controller->$method();
97 |     }
98 | }


--------------------------------------------------------------------------------
/README.md:
--------------------------------------------------------------------------------
 1 | <h1 align="center">🖼️ Pixiv 每日排行榜小挂件</h1>
 2 | <p align="center">
 3 |     <a href="https://github.com/mokeyjay/Pixiv-daily-ranking-widget/blob/master/README.en.md">English</a>
 4 |     <br><br>
 5 |     想要在你的网站页面中添加一个 <span style="font-weight: bold">Pixiv 每日排行榜</span> 的展示功能吗？现在，只需要一行代码即可实现！
 6 |     <a href="https://pixiv.mokeyjay.com/demo.html" target="_blank">在线预览</a>
 7 | </p>
 8 | 
 9 | ## ✨ 特色
10 | - 一行 `HTML` 代码即可调用，方便快捷
11 | - 自适应宽高。推荐宽度 `240px`、高度 `380px` 或以上
12 | - 点击图片可跳转到对应作品详情页
13 | - 每日自动更新，无需人工干预
14 | - 内置多图床支持、按需加载图片，极低资源消耗
15 | - 提供 API 服务，含有排行榜更新日期、缩略图 url 及详情页 url 等
16 | 
17 | ## 🤔 如何使用
18 | 将这行代码添加到网页上即可  
19 | ```html
20 | <iframe src="https://pixiv.mokeyjay.com" style="width:240px; height:380px; border: 0"></iframe>
21 | ```
22 | 
23 | 以 `Wordpress` 为例。首先进入后台，点击 外观 -> 小工具  
24 | 向右边适当的位置添加一个 **文本** 或 **自定义HTML** 小工具，内容填写上述代码即可  
25 | 
26 | [高级用法](https://github.com/mokeyjay/Pixiv-daily-ranking-widget/blob/master/doc/advance-usage.md)
27 | 
28 | ## 🛠️ 如何部署
29 | 想要自己定制代码？嫌我提供的服务太慢？  
30 | 你也可以轻松拥有完全属于自己的小挂件！  
31 | > 需要 Docker 或 PHP 版本 >= 5.6
32 | 
33 | [部署文档](https://github.com/mokeyjay/Pixiv-daily-ranking-widget/blob/master/doc/deploy.md)
34 | 
35 | ## 🔌 API
36 | [排行榜数据（已上传至图床）](https://pixiv.mokeyjay.com/?r=api/pixiv-json)（推荐）  
37 | [排行榜数据（pixiv url）](https://pixiv.mokeyjay.com/?r=api/source-json)  
38 | 
39 | 其中 `data` 为排行榜数据；`date` 为排行榜日期（可能是昨天或者前天，因为官方更新时间不一定）  
40 | 这两个接口都会自动根据请求头的 `Origin` 或者 `Referer` 返回对应跨域头。可供前端直接调用  
41 | 
42 | > `image` 和 `url` 两个键是为了兼容 4.x 及之前版本的用户，无需理会
43 | 
44 | ## 🆙 升级指南
45 | ### 从 5.2 升级到 6.0
46 | 1. [下载源代码](https://github.com/mokeyjay/Pixiv-daily-ranking-widget/releases/latest)
47 | 2. 解压缩，将其中的 `app` 和 `index.php` 覆盖到线上环境
48 | > **⚠️ 对于 Docker 方式部署的用户**
49 | > - 请将环境变量名中所有 `-` 替换为 `_`
50 | > - 镜像从 docker hub 迁移至 [ghcr.io](https://github.com/mokeyjay/Pixiv-daily-ranking-widget/pkgs/container/pixiv-daily-ranking-widget)
51 | 
52 | ## 🌟 更新日志
53 | ### 新增
54 | - `ranking_type` 配置项，现在可以选择拉取综合还是插画、漫画日榜啦~
55 | - 图片预加载，优化网络环境较差时的体验
56 | ### 优化
57 | - 完全重写了前端，更优雅的缓动效果
58 | - 不再依赖 bootstrap，加载更快啦
59 | - 改为使用官方 php、nginx 包
60 | - 从本地存储获取图片时不再重复检查完整性
61 | - `background_color` 配置项现在支持[更多种颜色](https://developer.mozilla.org/zh-CN/docs/Web/CSS/background-color)了
62 | ### 修复
63 | - 部分环境变量在一些情况下无法被正常获取的问题
64 | - 定时任务实际上是一小时执行一次，而非文档说的半小时一次
65 | ### 其他
66 | - 由于不再依赖 bs，去除 `static_cdn` 配置项
67 | - 删除已经失效的 `Pngcm`、`Tsesze` 图床
68 | - Docker 镜像迁移至 [ghcr.io](https://github.com/mokeyjay/Pixiv-daily-ranking-widget/pkgs/container/pixiv-daily-ranking-widget)
69 | - Docker 镜像时区默认为上海
70 | 
71 | [历史更新日志](https://github.com/mokeyjay/Pixiv-daily-ranking-widget/blob/master/doc/log.md)
72 | 
73 | ## 👨‍💻 关于作者
74 | 常用 ID [mokeyjay](https://www.mokeyjay.com)，热爱 IT 与 ACG 的学渣


--------------------------------------------------------------------------------
/app/Libs/Curl.php:
--------------------------------------------------------------------------------
 1 | <?php
 2 | 
 3 | namespace app\Libs;
 4 | 
 5 | /**
 6 |  * Curl请求类
 7 |  * Class Curl
 8 |  * @package app\Libs
 9 |  */
10 | class Curl
11 | {
12 |     /**
13 |      * get请求
14 |      * @param string $url 请求目标
15 |      * @param array  $opt curl参数
16 |      * @param bool   $includeCookie 同时返回 cookie
17 |      * @return bool|string|array $includeCookie 为 true 时返回 ['cookie' => '', 'html' => ''] 数组
18 |      */
19 |     public static function get($url, $opt = [], $includeCookie = false)
20 |     {
21 |         $ch = curl_init($url);
22 |         curl_setopt($ch, CURLOPT_RETURNTRANSFER, true);
23 |         curl_setopt($ch, CURLOPT_FOLLOWLOCATION, true);
24 |         curl_setopt($ch, CURLOPT_TIMEOUT, 30);
25 |         curl_setopt($ch, CURLOPT_SSL_VERIFYPEER, false);
26 |         curl_setopt($ch, CURLOPT_SSL_VERIFYHOST, false);
27 |         curl_setopt($ch, CURLOPT_USERAGENT, 'Mozilla/5.0 (Macintosh; Intel Mac OS X 10_15_7) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/109.0.0.0 Safari/537.36 Edg/109.0.1518.52');
28 | 
29 |         Config::$proxy && curl_setopt($ch, CURLOPT_PROXY, Config::$proxy);
30 |         $includeCookie && curl_setopt($ch, CURLOPT_HEADER, true);
31 | 
32 |         if (count($opt)) {
33 |             curl_setopt_array($ch, $opt);
34 |         }
35 | 
36 |         $data = curl_exec($ch);
37 |         curl_close($ch);
38 | 
39 |         if ($includeCookie) {
40 |             $data = explode("\r\n\r\n", $data);
41 | 
42 |             $header = array_shift($data);
43 |             $html = implode("\r\n\r\n", $data);
44 | 
45 |             preg_match_all("/set-cookie:([^\r\n]*)/i", $header, $matches);
46 | 
47 |             $cookie = '';
48 |             if (!empty($matches[1])) {
49 |                 $cookieItem = [];
50 |                 foreach ($matches[1] as $item) {
51 |                     $cookieItem[] = explode(';', trim($item))[0];
52 |                 }
53 |                 $cookie = implode('; ', $cookieItem);
54 |             }
55 | 
56 |             return compact('cookie', 'html');
57 |         }
58 | 
59 |         return $data;
60 |     }
61 | 
62 |     /**
63 |      * post请求
64 |      * @param string       $url
65 |      * @param array|string $postData
66 |      * @param array        $opt
67 |      * @return bool|string
68 |      */
69 |     public static function post($url, $postData, $opt = [])
70 |     {
71 |         $opt[CURLOPT_POST] = true;
72 |         $opt[CURLOPT_POSTFIELDS] = $postData;
73 | 
74 |         return self::get($url, $opt);
75 |     }
76 | 
77 |     /**
78 |      * 获取curl file实例
79 |      * @param string $path 文件路径
80 |      * @return \CURLFile|string
81 |      */
82 |     public static function getCurlFile($path)
83 |     {
84 |         return class_exists('CURLFile') ? (new \CURLFile(realpath($path))) : ('@' . realpath($path));
85 |     }
86 | }


--------------------------------------------------------------------------------
/app/Libs/Storage.php:
--------------------------------------------------------------------------------
  1 | <?php
  2 | 
  3 | namespace app\Libs;
  4 | 
  5 | /**
  6 |  * 存储类
  7 |  * Class Storage
  8 |  * @package app\Libs
  9 |  */
 10 | class Storage
 11 | {
 12 |     /**
 13 |      * 保存到文件
 14 |      * @param string       $file
 15 |      * @param string|array $content
 16 |      * @return bool
 17 |      */
 18 |     public static function save($file, $content)
 19 |     {
 20 |         $file = STORAGE_PATH . $file;
 21 |         return file_put_contents($file, $content) !== false;
 22 |     }
 23 | 
 24 |     /**
 25 |      * 获取文件内容
 26 |      * @param string $file
 27 |      * @return mixed|false
 28 |      */
 29 |     public static function get($file)
 30 |     {
 31 |         $file = STORAGE_PATH . $file;
 32 |         if (is_readable($file) === false) {
 33 |             return false;
 34 |         }
 35 |         $content = @file_get_contents($file);
 36 |         if ($content === false) {
 37 |             Log::write("读取 {$file} 文件失败");
 38 |             return false;
 39 |         }
 40 | 
 41 |         return $content;
 42 |     }
 43 | 
 44 |     /**
 45 |      * 删除文件
 46 |      * @param string $file 文件名
 47 |      * @return bool
 48 |      */
 49 |     public static function remove($file)
 50 |     {
 51 |         return self::deleteFile(STORAGE_PATH . $file);
 52 |     }
 53 | 
 54 |     /**
 55 |      * 清除过期的图片
 56 |      */
 57 |     public static function clearOverdueImages()
 58 |     {
 59 |         $deleteNum = 0;
 60 |         $time = strtotime(date('Ymd')); // 获取今日0点的时间戳，早于此时间戳的文件都得死
 61 |         if ($dh = opendir(STORAGE_PATH . 'images/')) {
 62 |             while (($file = readdir($dh)) !== false) {
 63 |                 if (in_array($file, ['.', '..', '.gitignore'])) {
 64 |                     continue;
 65 |                 }
 66 |                 $file = STORAGE_PATH . 'images/' . $file;
 67 |                 if (filemtime($file) < $time) {
 68 |                     $deleteNum++;
 69 |                     self::deleteFile($file);
 70 |                 }
 71 |             }
 72 |         }
 73 |         Log::write("共计清除过期图片 {$deleteNum} 张");
 74 |     }
 75 | 
 76 |     /**
 77 |      * 获取图片内容。文件不存在或无效时返回 false
 78 |      * @param string $name
 79 |      * @return mixed|false
 80 |      */
 81 |     public static function getImage($name)
 82 |     {
 83 |         $path = 'images/' . $name;
 84 |         if (file_exists(STORAGE_PATH . $path) && getimagesize(STORAGE_PATH . $path)) {
 85 |             return self::get($path);
 86 |         }
 87 |         return false;
 88 |     }
 89 | 
 90 |     /**
 91 |      * 删除文件
 92 |      * @param string $path
 93 |      * @return bool
 94 |      */
 95 |     public static function deleteFile($path)
 96 |     {
 97 |         return @unlink($path);
 98 |     }
 99 | 
100 |     /**
101 |      * 保存数组到json文件
102 |      * @param string $file 文件名。无需后缀名
103 |      * @param array  $data
104 |      * @return bool
105 |      */
106 |     public static function saveJson($file, array $data)
107 |     {
108 |         return self::save("app/{$file}.json", json_encode($data));
109 |     }
110 | 
111 |     /**
112 |      * 获取json数组内容
113 |      * @param string $file 文件名。无需后缀名
114 |      * @return mixed|false
115 |      */
116 |     public static function getJson($file)
117 |     {
118 |         $content = self::get("app/{$file}.json");
119 |         $content = json_decode($content, true);
120 |         if (!is_array($content)) {
121 |             return false;
122 |         }
123 | 
124 |         return $content;
125 |     }
126 | }


--------------------------------------------------------------------------------
/doc/log.md:
--------------------------------------------------------------------------------
  1 | # 历史更新日志
  2 | ## 5.2
  3 | ### 新增
  4 | - 支持 Docker 部署（感谢 @hujingnb ）
  5 | - `header_script` 配置项，以便自行部署的用户自定义访问统计或其他 js 代码
  6 | ### 优化
  7 | - 使用了 pixiv.cat 提供的代理服务作为最后的保底方案
  8 | - 薄荷图床改为会员版本，需要购买会员后才能使用（免费版已失效）
  9 | - 完善图片下载完整度检查机制
 10 | - 去掉了内置的访问统计代码
 11 | ### 其他
 12 | - 去掉失效的京东、imgurl、imgtg、saoren 图床
 13 | 
 14 | ## 5.1
 15 | ### 新增
 16 | - 京东、薄荷、58图床
 17 | - `static_cdn` 配置项，可以选择前端静态资源 CDN 供应商
 18 | ### 优化
 19 | - 重写了左右翻页箭头，修复了它的一些问题
 20 | ### 其他
 21 | - 去掉失效的百度、映画图床
 22 | - 将谷歌分析更换为百度统计
 23 | 
 24 | ## 5.0
 25 | ### 新增
 26 | - 支持跨域请求的数据接口
 27 | - clear-log 任务用于清除历史日志文件
 28 | - 共计 8 个国内外公开、免费的图床
 29 | ### 优化
 30 | - 图片显示效果
 31 | - 左右翻页箭头现在会自动隐藏了
 32 | - 鼠标悬浮时显示作品标题及作者名称
 33 | - 升级前端依赖包至最新、减少依赖
 34 | - 完善日志记录功能
 35 | - 丰富接口数据以适应更多场景
 36 | - 将百度统计更换为谷歌统计
 37 | - 更新默认 UA
 38 | ### 修复
 39 | - 部分情况下无法正确获取项目 url 的问题
 40 | - 部分情况下可能会下载到空白图片的问题
 41 | ### 其他
 42 | - 去掉失效的阿里巴巴图床
 43 | 
 44 | ## 4.4.2
 45 | - 更新 Curl 类的默认 UA
 46 | - 删除已经失效的图床
 47 | - 更新阿里巴巴图床
 48 | - 添加 `disable_web_job` 开关，详见 `config.php`
 49 | 
 50 | ## 4.4.1
 51 | - 更新 Curl 类的默认 UA
 52 | - 修复部分情况下获取项目URL错误
 53 | - 修复获取排行榜数据失败时会无限重试的问题
 54 | - 优化是否需要更新数据的判断机制
 55 | - 删除已经失效的 alibaba 图床
 56 | 
 57 | ## 4.4
 58 | - 改用官方 ajax 接口获取排行数据
 59 | - 添加 阿里巴巴、百度、今日头条 图床接口
 60 | - 更新 smms 图床接口到 v2 版本
 61 | - 删除已被废弃的 img.sb 图床接口
 62 | - 删除已被封锁的 京东 图床接口
 63 | - 删除 loading 页面的统计代码
 64 | - 改用综合排行榜数据，而非仅限于插画
 65 | - 图片数量限制扩充到 500，达到官方上限
 66 | - service 配置项的取值不再影响 limit
 67 | - 其他优化、bug 修复
 68 | 
 69 | ## 4.3
 70 | - 修复Pixiv排行榜页面代码改版导致的无法更新
 71 | - 跳转至详情页时使用 https
 72 | 
 73 | ## 4.2
 74 | - 修复Pixiv排行榜页面代码改版导致的无法更新
 75 | - 添加获取排行榜失败时的最大重试次数
 76 | 
 77 | ## 4.1
 78 | - 现已支持透明背景
 79 | 
 80 | ## 4.0
 81 | - 几乎重写了所有代码的船新版本，更多新特性与bug等你来发掘！
 82 | - 由于pixiv全面开启反盗链，为了迎合此变化。已将`download`和`url_cache`这两个不再有存在意义的开关去除。现在会强制下载缩略图，然后再根据配置上传到各个图床或存储在服务器本地
 83 | > 碎碎念：原本这个项目只是随便搞搞，没想到后面功能越堆越多，代码也越来越丑。作为本辣鸡github上最高star的项目实在是丢人。好在我花了几天时间撸了这个4.0，总算是不那么丢人了  
 84 | > 还有就是添加了多图床的支持，每个月能节省几百G的流量了嘤
 85 | 
 86 | ## 3.0
 87 | - 添加`$download_proxy`配置项
 88 | - 由于Pixiv的图片url添加了防盗链无法被直接显示，因此`$download`配置项默认开启
 89 |   为了更好的显示效果，自行部署的用户建议配置一个定时任务，每天0点触发`download.php`
 90 | 
 91 | ## 2.9
 92 | - 修复因Pixiv改动导致挂掉的问题
 93 | 
 94 | ## 2.8
 95 | - 尝试优化更新锁，防止高并发下重复更新
 96 | - 从 Conf::$download 中独立出配置项 Conf::$url_cache，现在可以仅缓存图片url而不缓存缩略图了
 97 | - 添加贴图库图床支持
 98 | 
 99 | > 贴图库免费版并不是很好用且不支持https，建议优先使用sm.ms，贴图库仅作为备用
100 | > 由于之前更新锁在高并发下有些问题无法很好的发挥作用，导致我的服务器IP因重复上传被sm.ms图床封了。而我个人也无力支撑高昂的CDN费用。<del>因此即日起**方案一**不再提供CDN加速，改为直接从P站获取图片</del>  
101 | > 方案一目前由360网站卫士提供CDN支持
102 | 
103 | ## 2.7
104 | - 添加图片压缩功能，降低服务器带宽压力（需要GD库）
105 | - 修复sm.ms图床支持，降低失败概率
106 | - 添加sm.ms图床上传日志
107 | 
108 | > 如果开启`$enable_smms`出现问题，反馈时请带上日志文件
109 | 
110 | ## 2.6
111 | - 添加sm.ms图床支持。一键启用即可大幅降低服务器带宽压力、节省流量。感谢[@Showfom](https://sb.sb/)提供图床
112 | 
113 | > 我才不告诉你是因为方案一每天跑掉我几G流量，心疼不已才加的这个功能呢
114 | > 如果连续3次上传失败，则从服务器本地读取图片，确保访问正常
115 | 
116 | ## 2.5
117 | - 修复因Pixiv改版导致挂掉的问题
118 | - Pixiv原生支持https啦！可喜可贺
119 | 
120 | ## 2.4
121 | - 修复特定情况下URL的`limit`参数无效的问题
122 | - 修复**方案一**缓存问题
123 | - 修复上面效果图SSL证书问题
124 | 
125 | ## 2.3
126 | - 更换了前端库引用地址，修复移动宽带下加载慢的问题
127 | - 添加协议自适应，修复在关闭缓存或缓存还没全部完成时影响小绿锁的问题
128 | - 以上更新来自@灵乌路空 的友情PR，我们一起对她PRPR以示感激吧
129 | - 超能小紫的方案一服务现已支持HTTPS。咬牙忍痛上了收费CDN，请大家且用且珍惜
130 | - 要是被滥用到我吃不消费用的话可能会暂停服务噢~
131 | - 如果访问量较高的话建议还是自行搭建服务，谢谢各位的支持与谅解
132 | 
133 | ## 2.2
134 | - 优化下载线程以支持自行部署HTTPS
135 | 
136 | ## 2.1
137 | - 规划2.0时脑子抽了，非要把所有逻辑都局限在一个文件里。虽然各方面确实有所提升，但在一些情况下照样会出现那些老问题。例如缩略图下载失败啊、PHP超时导致下载中断之类。因此在我测试并意识到这一点时，赶紧开始了新版本的开发 <del>光速打脸</del>
138 | - 去除自动更新锁机制，缩略图已存在并且有效时不再重复下载。防止因网络波动或超时导致的缩略图下载失败
139 | 
140 | ## 2.0
141 | - 整体重构，各机制大幅优化
142 | - 添加自动更新锁机制，避免高访问量时并发更新浪费资源
143 | - 全新的伪多线程自动更新机制，后台更新不影响使用
144 | - 更新失败重试，避免因为网络问题导致的部分图片获取失败
145 | 
146 | # 初衷
147 | 前几天跟朋友聊天，朋友说希望能在自己博客侧边栏中显示[Pixiv](http://www.pixiv.net/)的每日排行榜。我自己也是个`ACG`爱好者，被他这么一说也想弄一个。昨晚终于有空，花了半个多小时写完。[自己博客](https://www.mokeyjay.com)用上了感觉不错，完善了一下加了点功能开源出来福利各位


--------------------------------------------------------------------------------
/README.en.md:
--------------------------------------------------------------------------------
 1 | <h1 align="center">🖼️ Pixiv Daily Ranking Widget</h1>
 2 | <p align="center">
 3 |     <a href="https://github.com/mokeyjay/Pixiv-daily-ranking-widget/blob/master/README.md">中文</a>
 4 |     <br><br>
 5 |     Want to add a <span style="font-weight: bold">Pixiv Daily Ranking Widget</span> to your website? It's a matter of one line of code!
 6 |     <a href="https://pixiv.mokeyjay.com/demo.html" target="_blank">DEMO</a>
 7 | </p>
 8 | 
 9 | ## ✨ Features
10 | - Easy to use with one line of `HTML` code
11 | - Adaptive width and height. A minimum size of `240px * 380px` (width \* height) or more is recommanded
12 | - Redirect to artwork page by clicking on the widget
13 | - Automatic daily update
14 | - Low system resource utilisation with supports for multiple image hosting platforms and on-demand image loading
15 | - Offering an API that includes ranking update date, thumbnail URL and detail page URL etc.
16 | 
17 | ## 🤔 How to use
18 | Just add the below code to your page
19 | ```html
20 | <iframe src="https://pixiv.mokeyjay.com" style="width:240px; height:380px; border: 0"></iframe>
21 | ```
22 | 
23 | Taking `WordPress` as an example. On `wp-admin`, click on **Appearance** -> **Widgets**  
24 | Then add a **Text** or **Custom HTML** widget as deemed appropriate on the right and fill the code above in
25 | 
26 | [Advance Usage](https://github.com/mokeyjay/Pixiv-daily-ranking-widget/blob/master/doc/advance-usage.en.md)
27 | 
28 | ## 🛠️ How to deploy
29 | Wanted to customize the code yourself? Thought the service I provided is slow in speed?  
30 | 
31 | You can also easily deploy your own widget!
32 | > Requires Docker or PHP version >= 5.6
33 | 
34 | [Deployment Documentation](https://github.com/mokeyjay/Pixiv-daily-ranking-widget/blob/master/doc/deploy.en.md)
35 | 
36 | ## 🔌 APIs
37 | [Ranking data (images hosted privately)](https://pixiv.mokeyjay.com/?r=api/pixiv-json) (recommended)  
38 | [Ranking data (pixiv url)](https://pixiv.mokeyjay.com/?r=api/source-json)
39 | 
40 | In which `data` is the data of the ranking table; `date` is the date of ranking (could be yesterday or the day before, as the time of refresh on Pixiv is not certain)  
41 | 
42 | Both APIs automatically return the respective cross-domain header according to `Origin` or `Referer` within the request header. The APIs are front-end ready.
43 | 
44 | > The `image` and `url` keys are for compatibility purposes for users of 4.x or earlier versions, they can be ignored
45 | 
46 | ## 🆙 Upgrading Guide
47 | ### Upgrading From 5.2 to 6.0
48 | 1. [Download the Source Code](https://github.com/mokeyjay/pixiv-daily-ranking-widget/releases/latest)
49 | 2. Unzip and overwrite the `app` and `index.php` to your server
50 | > **⚠️ For Docker User**
51 | > - Please replace all `-` in the environment variable name with `_`
52 | > - Docker Image migration from Docker Hub to [ghcr.io](https://github.com/mokeyjay/Pixiv-daily-ranking-widget/pkgs/container/pixiv-daily-ranking-widget)
53 | 
54 | ## 🌟 Changelog
55 | ### New Features
56 | - Added `ranking_type` configuration option, which now allows you to select whether to fetch the overall or illustration/manga daily rankings.  
57 | - Added image preloading to improve the experience in poor network environments.
58 | ### Optimizations
59 | - Completely rewritten the frontend with more elegant animation effects.  
60 | - Removed the dependency on Bootstrap for faster loading.  
61 | - Switched to using the official PHP and Nginx packages.
62 | - No longer repeatedly check integrity when retrieving images from local storage.
63 | - The `background_color` configuration now supports [more colors](https://developer.mozilla.org/en-US/docs/Web/CSS/background-color)
64 | ### Fixes
65 | - Some environment variables cannot be obtained normally in some cases
66 | - The scheduled task actually runs once every hour, not every half hour as stated in the documentation
67 | ### Other
68 | - Removed the `static_cdn` configuration option due to the removal of the dependency on Bootstrap.
69 | - Removed the invalid `Pngcm` and `Tsesze` image-hosting
70 | - Docker image migration to [ghcr.io](https://github.com/mokeyjay/Pixiv-daily-ranking-widget/pkgs/container/pixiv-daily-ranking-widget)
71 | - Docker image timezone defaults to Shanghai
72 | 
73 | [History](https://github.com/mokeyjay/Pixiv-daily-ranking-widget/blob/master/doc/log.en.md)
74 | 
75 | ## 👨‍💻 About author
76 | [mokeyjay](https://www.mokeyjay.com), IT and ACG lover
77 | 


--------------------------------------------------------------------------------
/config.php:
--------------------------------------------------------------------------------
  1 | <?php
  2 | 
  3 | return [
  4 |     /**
  5 |      * 本项目的url地址，必须以 / 结尾
  6 |      * 留空则自动获取，一般情况下留空即可
  7 |      *
  8 |      * P.S. 如果你准备通过 cli 方式来触发 refresh 任务，且使用了 local 图床，则此项必填
  9 |      *      否则生成的图片完整 url 可能出现问题
 10 |      *
 11 |      * The url address of this project, must end with /
 12 |      * Leave it blank to get it automatically, normally leave it blank
 13 |      *
 14 |      * P.S. If you want to trigger the refresh job via cli, and you are using a local image-hosting, this field is required
 15 |      *      Otherwise, the generated image full URL may have problems
 16 |      */
 17 |     'url' => '',
 18 | 
 19 |     /**
 20 |      * 背景颜色。默认值为 transparent （透明）。你也可以通过 url 参数 color 来设置
 21 |      * Background color. The default value is transparent. You can also set the background color by url parameter 'color'
 22 |      */
 23 |     'background_color' => 'transparent',
 24 | 
 25 |     /**
 26 |      * 显示和缓存的图片最大数量（范围1-500）
 27 |      * 例如将此值设为 10 则可以做出 Top10 的效果
 28 |      * 也可防止部分辣鸡主机在缓存图片时占用过多资源导致卡死或报警
 29 |      * 一般情况下默认的 50 就行
 30 |      *
 31 |      * Maximum number of images to display and cache (range 1-500)
 32 |      * For example, if you set this value to 10, you can make a Top10 effect
 33 |      * It also prevents some low-performance hosts from using too many resources when caching images, which can lead to jamming or alarms
 34 |      * Usually the default 50 is fine
 35 |      */
 36 |     'limit' => 50,
 37 | 
 38 |     /**
 39 |      * 是否对外提供服务
 40 |      * 为 true 时，任何人都可通过 url 的 get 参数来临时修改 background_color 和 limit 的值
 41 |      *
 42 |      * Whether to provide external services
 43 |      * When true, anyone can temporarily change the values of background_color and limit by the url parameter
 44 |      */
 45 |     'service' => true,
 46 | 
 47 |     /**
 48 |      * 日志级别。可多选：DEBUG、ERROR 或留空不记录任何日志
 49 |      * Logging level. Multiple options: DEBUG, ERROR or leave blank to not record any logs
 50 |      */
 51 |     'log_level' => [],
 52 | 
 53 |     /**
 54 |      * 代理服务器配置。例如 127.0.0.1:1080
 55 |      * 留空为不使用代理
 56 |      *
 57 |      * Proxy server configuration. For example 127.0.0.1:1080
 58 |      * Leave blank to not use proxy
 59 |      */
 60 |     'proxy' => '',
 61 | 
 62 |     /**
 63 |      * 每次更新排行榜数据后，自动删除过期的本地缓存缩略图
 64 |      * Automatically delete expired local cache thumbnails after each ranking data update
 65 |      */
 66 |     'clear_overdue' => true,
 67 | 
 68 |     /**
 69 |      * 压缩缩略图，在几乎不损失画质的前提下减小 50% 左右的体积，降低服务器带宽压力
 70 |      * 需要启用 PHP 的 GD 扩展
 71 |      *
 72 |      * Compress thumbnails to reduce the size by about 50% with almost no loss of image quality, reducing server bandwidth pressure
 73 |      * Need the GD extension for PHP
 74 |      */
 75 |     'compress' => true,
 76 | 
 77 |     /**
 78 |      * 图床名称
 79 |      * （推荐度按照顺序从高到低）
 80 |      *
 81 |      * 推荐填写多个图床，如果其中一个图床上传失败，则将按照顺序继续尝试其他图床
 82 |      *
 83 |      * Image-Hosting
 84 |      * (Recommendation is ranked from highest to lowest)
 85 |      *
 86 |      * It is recommended to fill in more than one image-hosting, if one of them fails to upload, it will continue to try other image-hosting in order
 87 |      */
 88 |     'image_hosting' => ['fifty-eight', 'chkaja', 'catbox', 'local'],
 89 | 
 90 |     /**
 91 |      * 图床扩展配置信息
 92 |      * Extend Configuration information for the image-hosting
 93 |      */
 94 |     'image_hosting_extend' => [
 95 |         'tietuku' => [
 96 |             'token' => ''
 97 |         ],
 98 |         'smms' => [
 99 |             'token' => '',
100 |         ],
101 |         // 薄荷图床
102 |         'riyugo' => [
103 |             // 客服提供的会员专属网址。例如 https://r789.com/1234，必须以 / 结尾
104 |             'url' => '',
105 |             // 要上传到的文件夹。通常可以留空
106 |             'upload_path' => '',
107 |             // 管理后台-设置 中的 唯一用户ID
108 |             'unique_id' => '',
109 |             // 登录管理后台后，filemanagerXXXXXXXXX 这个 cookie 的值
110 |             // （XXXXXXXX 是你的唯一用户 ID）
111 |             'token' => '',
112 |         ],
113 |     ],
114 | 
115 |     /**
116 |      * 禁用 web 访问的方式触发 job 更新，仅限 cli 方式触发
117 |      * 由于部分环境 web 超时时间不够，会导致更新操作不断被触发但又无法完成整个更新流程
118 |      * 因此添加一个开关，避免 web 触发更新，节约服务器资源
119 |      *
120 |      * Disable web-trigger update job, cli-trigger only
121 |      * See doc/deploy.en.md
122 |      */
123 |     'disable_web_job' => false,
124 | 
125 |     /**
126 |      * 放置在页面 <header> 标签下的 js 脚本内容，通常用来放置统计代码
127 |      * 无需 <script> 标签
128 |      *
129 |      * Js script content placed under the <header> tag of the page, usually used to place statistical code
130 |      * Doesn't need <script> tag
131 |      */
132 |     'header_script' => '',
133 | 
134 |     /**
135 |      * 排行榜类型。支持 综合、插画、漫画 三种类型
136 |      * 留空为综合； illust 为插画； manga 为漫画
137 |      *
138 |      * The type of ranking.
139 |      * Support three types: synthesis, illustration and manga.
140 |      * Leave '' for synthesis, 'illust' for illustration, 'manga' for manga
141 |      */
142 |     'ranking_type' => '',
143 | ];


--------------------------------------------------------------------------------
/app/Jobs/Refresh.php:
--------------------------------------------------------------------------------
  1 | <?php
  2 | 
  3 | namespace app\Jobs;
  4 | 
  5 | use app\ImageHosting\ImageHosting;
  6 | use app\Libs\Config;
  7 | use app\Libs\Lock;
  8 | use app\Libs\Pixiv;
  9 | use app\Libs\Storage;
 10 | use app\Libs\Log;
 11 | 
 12 | /**
 13 |  * 刷新任务
 14 |  *
 15 |  * 以下 2 种情况需要刷新排行榜：
 16 |  * 1、昨天的排行榜已经出来了
 17 |  * 2、昨天的排行榜还没出，但没有 pixiv.json 文件。这可能是第一次新安装，当然需要刷新
 18 |  *
 19 |  * Class Refresh
 20 |  * @package app\Jobs
 21 |  */
 22 | class Refresh extends Job
 23 | {
 24 |     public function run()
 25 |     {
 26 |         try {
 27 |             $pixivJson = Storage::getJson('pixiv');
 28 |             $ranking = Pixiv::getRanking();
 29 | 
 30 |             if ($ranking === false) {
 31 |                 return false;
 32 |             }
 33 | 
 34 |             if(!$this->needRefresh($ranking, $pixivJson)){
 35 |                 Log::write('排行榜尚未更新，半小时后再试');
 36 |                 Lock::forceCreate('refresh', 1800);
 37 | 
 38 |                 return true;
 39 |             }
 40 | 
 41 |             $images = Pixiv::getImages();
 42 |             if($images === false) {
 43 |                 throw new \Exception('【致命错误】无法获取Pixiv排行榜图片列表');
 44 |             }
 45 | 
 46 |             $enableCompress = Config::$compress && function_exists('imagecreatefromjpeg');
 47 | 
 48 |             $imageHostingInstances = [];
 49 |             foreach (Config::$image_hosting as $ihName) {
 50 |                 $imageHostingInstances[] = ImageHosting::make($ihName);
 51 |             }
 52 | 
 53 |             $proxy = Config::$proxy;
 54 | 
 55 |             // 开始获取图片
 56 |             $pixivJson = [];
 57 |             foreach ($images['data'] as $i => $data) {
 58 |                 // 缓存数量限制
 59 |                 if ($i >= Config::$limit) {
 60 |                     break;
 61 |                 }
 62 | 
 63 |                 Log::write("开始获取第 " . ($i + 1) . " 张图：{$data['url']}");
 64 | 
 65 |                 // 最多尝试下载 3 次
 66 |                 Config::$proxy = $proxy;
 67 |                 for ($ii = 1; $ii <= 3; $ii++) {
 68 |                     $tmpfile = Pixiv::downloadImage($data['url']);
 69 |                     if ($tmpfile && getimagesize($tmpfile)) {
 70 |                         break;
 71 |                     } else {
 72 |                         Log::write("图片 {$data['url']} 下载失败，重试第 {$ii} 次");
 73 |                         sleep(mt_rand(3, 30));
 74 |                     }
 75 |                 }
 76 |                 if (!$tmpfile) {
 77 |                     throw new \Exception("图片 {$data['url']} 下载失败");
 78 |                 }
 79 | 
 80 |                 // 压缩图片
 81 |                 if ($enableCompress) {
 82 |                     $image = imagecreatefromjpeg($tmpfile);
 83 |                     if ($image) {
 84 |                         imagejpeg($image, $tmpfile, 95);
 85 |                         $bytes = filesize($tmpfile);
 86 |                         Log::write('压缩后图片大小： ' . $bytes . ' 字节');
 87 |                         imagedestroy($image);
 88 |                         unset($image);
 89 |                     }
 90 | 
 91 |                     if ($bytes < 1000) {
 92 |                         throw new \Exception("图片 {$data['url']} 下载失败");
 93 |                     }
 94 |                 }
 95 | 
 96 |                 // 上传到图床
 97 |                 Config::$proxy = null; // 上传过程中禁用代理
 98 |                 foreach ($imageHostingInstances as $imageHosting) {
 99 |                     $url = $imageHosting->upload($tmpfile);
100 |                     if ($url != false) {
101 |                         Storage::deleteFile($tmpfile);
102 |                         break;
103 |                     }
104 |                 }
105 | 
106 |                 $url = $url ?: Pixiv::getProxyUrl($data['url']); // 如上传失败则使用反代 url
107 |                 $data['url'] = $url;
108 | 
109 |                 $pixivJson['data'][] = $data;
110 |                 $pixivJson['image'][] = $url;
111 |                 $pixivJson['url'][] = "artworks/{$data['id']}";
112 |             }
113 | 
114 |             $pixivJson['date'] = $images['date'];
115 |             Storage::saveJson('pixiv', $pixivJson);
116 |             Lock::remove('refresh');
117 | 
118 |             Config::$clear_overdue && Storage::clearOverdueImages();
119 | 
120 |             return true;
121 | 
122 |         } catch (\Exception $e) {
123 | 
124 |             // 是否超过最大重试次数
125 |             $refreshCount = (int)Storage::get('refreshCount');
126 |             if ($refreshCount > 10) {
127 |                 // 超过 10 次（5小时）都无法获取到 pixiv 排行榜
128 |                 // 直接锁定一整天，明天再试，降低无意义的资源损耗
129 |                 $expire = mktime(23, 59, 59) - time();
130 |                 Lock::forceCreate('refresh', $expire);
131 |                 Storage::remove('refreshCount');
132 |             } else {
133 |                 // 半小时后再试
134 |                 Lock::forceCreate('refresh', 1800);
135 |                 Storage::save('refreshCount', $refreshCount + 1);
136 |             }
137 | 
138 |             $this->errorMsg = $e->getMessage();
139 |             return false;
140 |         }
141 |     }
142 | 
143 |     /**
144 |      * 是否需要刷新数据
145 |      * @param array $ranking pixiv 接口返回的排行榜数据
146 |      * @param array $pixivJson pixiv.json 的内容
147 |      * @return bool
148 |      * @throws \Exception
149 |      */
150 |     private function needRefresh($ranking, $pixivJson)
151 |     {
152 |         if (!isset($pixivJson['date'])) {
153 |             return true;
154 |         }
155 | 
156 |         // $ranking['date'] 的格式为 20200310
157 |         if ($ranking && isset($ranking['date']) && preg_match('|^\d{8}$|', $ranking['date'])) {
158 | 
159 |             return $pixivJson['date'] != date('Y-m-d', strtotime($ranking['date']));
160 |         }
161 | 
162 |         throw new \Exception('排行榜日期数据异常！数据：' . json_encode($ranking));
163 |     }
164 | }


--------------------------------------------------------------------------------
/app/Libs/Pixiv.php:
--------------------------------------------------------------------------------
  1 | <?php
  2 | 
  3 | namespace app\Libs;
  4 | 
  5 | /**
  6 |  * Pixiv 类
  7 |  * Class Pixiv
  8 |  * @package app\Libs
  9 |  */
 10 | class Pixiv
 11 | {
 12 |     /**
 13 |      * 调用官方ajax接口获取排行榜数据
 14 |      * @param int $page 页码，最多10页
 15 |      * @return mixed
 16 |      * @throws \Exception
 17 |      */
 18 |     public static function getRanking($page = 1)
 19 |     {
 20 |         Log::write("正在读取排行榜第 {$page} 页");
 21 | 
 22 |         $params = [
 23 |             'mode' => 'daily',
 24 |             'p' => $page,
 25 |             'format' => 'json',
 26 |         ];
 27 |         if (Config::$ranking_type) {
 28 |             $params['content'] = Config::$ranking_type;
 29 |         }
 30 | 
 31 |         $response = Curl::get('https://www.pixiv.net/ranking.php?' . http_build_query($params), [
 32 |             CURLOPT_HTTPHEADER => [
 33 |                 'Referer: https://www.pixiv.net/ranking.php?mode=daily',
 34 |             ],
 35 |         ]);
 36 |         $json = json_decode($response, true);
 37 |         if (!isset($json['contents'])) {
 38 |             Log::write('获取排行榜数据失败！接口返回值：' . $response, Log::LEVEL_ERROR);
 39 |             return false;
 40 |         }
 41 | 
 42 |         return $json;
 43 |     }
 44 | 
 45 |     /**
 46 |      * 获取图片url列表
 47 |      * @return array|false
 48 |      * @throws \Exception
 49 |      */
 50 |     public static function getImages()
 51 |     {
 52 |         $source = Storage::getJson('source');
 53 |         if (is_array($source) && self::checkDate($source)) {
 54 |             return $source;
 55 |         }
 56 | 
 57 |         $picNum = 0;
 58 |         $sourceJson = [];
 59 |         for ($page = 1; $page <= 10; $page++) {
 60 | 
 61 |             $json = self::getRanking($page);
 62 |             if($json === false){
 63 |                 return false;
 64 |             }
 65 | 
 66 |             foreach ($json['contents'] as $item) {
 67 |                 $sourceJson['data'][] = [
 68 |                     'id' => $item['illust_id'],
 69 |                     'url' => $item['url'],
 70 |                     'title' => $item['title'],
 71 |                     'tags' => $item['tags'],
 72 |                     'width' => $item['width'],
 73 |                     'height' => $item['height'],
 74 |                     'page_count' => $item['illust_page_count'],
 75 |                     'rank' => $item['rank'],
 76 |                     'yesterday_rank' => $item['yes_rank'],
 77 |                     'user_id' => $item['user_id'],
 78 |                     'user_name' => $item['user_name'],
 79 |                     'uploaded_at' => $item['illust_upload_timestamp'],
 80 |                 ];
 81 |                 // image 和 url 是为了兼容 5.x 之前的旧版本
 82 |                 $sourceJson['image'][] = $item['url'];
 83 |                 $sourceJson['url'][] = "artworks/{$item['illust_id']}";
 84 |                 $picNum++;
 85 | 
 86 |                 if ($picNum >= Config::$limit) {
 87 |                     break 2;
 88 |                 }
 89 |             }
 90 |         }
 91 | 
 92 |         $sourceJson['date'] = date('Y-m-d', strtotime($json['date']));
 93 |         Storage::saveJson('source', $sourceJson);
 94 | 
 95 |         return $sourceJson;
 96 |     }
 97 | 
 98 |     /**
 99 |      * 下载 Pixiv 缩略图。成功返回临时文件名
100 |      * @param string $url
101 |      * @return string 临时文件名
102 |      */
103 |     public static function downloadImage($url)
104 |     {
105 |         // 如果 local storage 已经存有这张图（每日榜上的图片是可能存在重复的），就不再重新下载了
106 |         $image = Storage::getImage(pathinfo($url, PATHINFO_BASENAME));
107 |         $shouldCheckComplete = !$image;
108 |         if ($image === false) {
109 |             $image = Curl::get($url, [
110 |                 CURLOPT_HTTPHEADER => [
111 |                     'Referer: https://www.pixiv.net/ranking.php?mode=daily',
112 |                 ],
113 |             ]);
114 | 
115 |             Log::write('下载到数据包大小： ' . strlen($image) . ' 字节');
116 |         }
117 | 
118 |         if ($image) {
119 |             $file = explode('/', $url);
120 |             $file = array_pop($file);
121 |             $file = sys_get_temp_dir() . '/' . Str::random(16) . $file;
122 | 
123 |             $bytes = file_put_contents($file, $image);
124 |             Log::write("写入文件 {$file} 大小：{$bytes} 字节");
125 | 
126 |             // 检查文件是否下载完整
127 |             if ($shouldCheckComplete) {
128 |                 $response = Curl::get($url, [
129 |                     CURLOPT_NOBODY => true,
130 |                     CURLOPT_HEADER => true,
131 |                     CURLOPT_HTTPHEADER => [
132 |                         'Referer: https://www.pixiv.net/ranking.php?mode=daily',
133 |                     ],
134 |                 ]);
135 |                 $contentLength = Response::getContentLength($response);
136 |                 if ($bytes != $contentLength) {
137 |                     Log::write("写入的文件大小与目标 content-length: {$contentLength} 不符");
138 |                     return false;
139 |                 }
140 |             }
141 | 
142 |             return $bytes > 0 ? $file : false;
143 |         }
144 | 
145 |         return false;
146 |     }
147 | 
148 |     /**
149 |      * 检查传入数组的 date 值是否有效（即大于等于昨天）。返回 true 为未过期
150 |      * @param array $data
151 |      * @return bool
152 |      */
153 |     public static function checkDate(array $data)
154 |     {
155 |         if(isset($data['date'])){
156 |             $yesterday = date('Y-m-d', strtotime('-1 day'));
157 | 
158 |             return $data['date'] >= $yesterday;
159 |         }
160 | 
161 |         return false;
162 |     }
163 | 
164 |     /**
165 |      * 获取基于 pixiv.cat 提供的代理服务的图片 url
166 |      * 可以直接展示在页面上，突破 pixiv 的反盗链
167 |      * @param $url
168 |      * @return array|string|string[]
169 |      */
170 |     public static function getProxyUrl($url)
171 |     {
172 |         return str_replace('i.pximg.net', 'i.pixiv.re', $url);
173 |     }
174 | }


--------------------------------------------------------------------------------
/doc/log.en.md:
--------------------------------------------------------------------------------
  1 | # History Update Log
  2 | ## 5.2
  3 | ### New Features
  4 | - Support Docker (thanks to @hujingnb)
  5 | - `header_script` configuration item, so you can customize statistics code or js script
  6 | ### Optimizations
  7 | - Used the proxy service provided by pixiv.cat as a final guarantee plan
  8 | - Riyugo image hosting changed to vip version, you need to buy a vip account before use it (free version is no longer available)
  9 | - Improve image download integrity check mechanism
 10 | - Removed built-in statistics code
 11 | ### Other
 12 | - Removed invalid JD, imgurl, imgtg and saoren image hosting
 13 | 
 14 | ## 5.1
 15 | ### New Features
 16 | - JD, Riyugo, FiftyEight image hosting
 17 | - `static_cdn` configuration, you can choose the front-end static resource CDN provider
 18 | ### Optimizations
 19 | - Rewritten left and right arrows, fixed some issues with it
 20 | ### Other
 21 | - Removed the invalid Baidu, Imgstop image hosting option
 22 | - Replace Google Analytics with Baidu Analytics
 23 | 
 24 | ## 5.0
 25 | ### New Features
 26 | - Supporting cross-domain on the APIs
 27 | - Scheduled job to clear historical logs
 28 | - Supporting 8 free image hosting
 29 | ### Optimizations
 30 | - Picture display effect
 31 | - Left and right arrows will now be hidden automatically
 32 | - Display arwork title and author on mouse hover
 33 | - Upgrade front-end dependency packages to their latest while reducing amount of dependencies
 34 | - Improved logging function
 35 | - Enrich interface data to fit more use cases
 36 | - Replace Baidu Analytics with Google Analytics
 37 | - Update default User Agent
 38 | ### Fixes
 39 | - Project URL cannot be retrieved correctly under certain scenarios
 40 | - A blank image will be downloaded under certain scenarios
 41 | ### Other
 42 | - Removed the invalid Alibaba image hosting option
 43 | 
 44 | ## 4.4.2
 45 | - Update default UA of Curl class
 46 | - Remove invalid image host
 47 | - Update Alibaba image host
 48 | - Add `disable_web_job` switch, see `config.php` for details
 49 | 
 50 | ## 4.4.1
 51 | - Update default UA of Curl class
 52 | - Fix an error of getting wrong project URL in some cases
 53 | - Fix the retry loop when fails to get ranking data.
 54 | - Optimize the logic to determine whether the data needs to be updated
 55 | - Delete the obsolete Alibaba image host
 56 | 
 57 | ## 4.4
 58 | - Use official ajax interface to get ranking data
 59 | - Add Alibaba, Baidu, toutiao.com image host API
 60 | - Update smms image host API to v2 version
 61 | - Remove deprecated img.sb image host API
 62 | - Remove unaccessible Jingdong image host API
 63 | - Remove statistics code on loading page
 64 | - Use comprehensive ranking data instead of just illustrations rank
 65 | - Expanded maximum number of returned images to 500, corresponding to the official limit
 66 | - The value of  `service` configuration item no longer affects the limit.
 67 | - Other optimizations and bug fixes
 68 | 
 69 | ## 4.3
 70 | - Fix failed to update the Pixiv ranking page due to pixiv change.
 71 | - Use https when jumping to detail page
 72 | 
 73 | ## 4.2
 74 | - Fix failed to update the Pixiv ranking page due to pixiv change.
 75 | - Add a maximum number of retries if failing to get the ranking data.
 76 | 
 77 | ## 4.1
 78 | - Support transparent background
 79 | 
 80 | ## 4.0
 81 | - New version with almost all the codes rewritten, more new features and bugs for you to discover!
 82 | - Since pixiv has enabled global anti-hotlink, the `download` and `url_cache` options have been removed. Now it will force download thumbnails, and then upload them to the corresponding image host or store them locally on the server according to the configuration
 83 | 
 84 | > Mumbling: I initially stated this project just for fun, and never expected the code to get so ugly as features piled up. It's so shameful that this project became my most starred project on GitHub. Luckily I spent some days to deal with the 4.0 version, and it feels better now.
 85 | >
 86 | > BTW this little thing now supports multiple image host, it will save hundreds of gigs of traffic every month now yingyingying
 87 | 
 88 | ## 3.0
 89 | - Add `$download_proxy` configuration option
 90 | - Since Pixiv's has enabled anti-hotlink and images cannot be displayed directly, `$download` is enabled by default.
 91 |   For better display, self-deployed users are recommended to configure a timed task to trigger `download.php` at 0:00 every day
 92 | 
 93 | ## 2.9
 94 | - Fix the problem of not functioning normally due to Pixiv changes
 95 | 
 96 | ## 2.8
 97 | - Try to optimize update lock to prevent repeated updates under high concurrency
 98 | - Separate the configuration item `Conf::$url_cache` from `Conf::$download`, now you can only cache the image url instead of the thumbnail url
 99 | - Add support for tietuku.cn image host
100 | 
101 | > The free version of tietuku.cn is not very good and does not support https, I suggest using sm.ms first and tietuku.cn only as a fallback option.
102 | > Due to some problems with the previous update lock not working well under high concurrency, my server IP was blocked by sm.ms image host due to duplicate uploads. And I personally can't afford to support the high CDN cost. <del>So effective immediately **Plan One** no longer provides official CDN acceleration and instead gets images directly from the Pixiv site</del  
103 | > Plan 1 is currently supported by 360 Site Defender CDN
104 | 
105 | ## 2.7
106 | - Add image compression feature to reduce server bandwidth stress (requires GD library)
107 | - Fix sm.ms image host support to reduce chances to fail
108 | - Add sm.ms image host upload log
109 | 
110 | > If there is a problem with opening `$enable_smms`, please paste the log file when giving feedback
111 | 
112 | ## 2.6
113 | - Add sm.ms image host support. With one click to enable, it can significantly reduce the server bandwidth stress and save traffic. Thanks to [@Showfom](https://sb.sb/) for providing the image host
114 | 
115 | > I'm not going to tell you that I added this feature because it hurts that the several gigabytes of traffic will be consumed every day on Plan 1
116 | > If the upload fails 3 times repeatedly, image will be read locally from the server to ensure normal access
117 | 
118 | ## 2.5
119 | - Fix the problem of not functioning normally due to Pixiv changes
120 | - Pixiv supports native https now! Hooray!
121 | 
122 | ## 2.4
123 | - Fix the problem that the `limit` parameter of URL is invalid under certain circumstances
124 | - Repair the caching problem of **Plan 1**
125 | - Fix the SSL certificate problem
126 | 
127 | ## 2.3
128 | - Replace the reference url of front-end library, fix the problem of slow loading with China Mobile as ISP
129 | - Add adaptive protocol feature, fix the problem of the small green lock being affected when the cache is disabled or the cache peogress is not finished
130 | - The above update comes from the friendly PR of @LingWuLuKong, let's PRPR her together to show our appreciation!
131 | - The Plan One from mokeyJay a service now supports HTTPS. The CDN charge is high, please use and cherish!
132 | - If it is abused to the point that I can not afford the cost, then the service may be suspended~
133 | - If the number of visits is high, it is recommended to build your own services, thank you for your support and understanding!
134 | 
135 | ## 2.2
136 | - Optimize download threads to support self-deployed HTTPS
137 | 
138 | ## 2.1
139 | - I must be drunk when planning the 2.0 roadmap to constrain all logic into one file. Although the overall performance has been improved, the same problems still occur in some cases. For example, the thumbnail will fail to download, PHP will timeout so the download will break, and so on. So when I tested it and realized this, I started working on a new version <del>Facepalm</del>.
140 | - Remove the auto update lock mechanism, the thumbnails will no longer be re-downloaded when they already exist and are valid. Prevents thumbnail download failures due to network fluctuations or timeouts
141 | 
142 | ## 2.0
143 | - Overall refactoring, overall performance is greatly optimized
144 | - Add an automatic update lock mechanism to avoid wasting resources on concurrent updates under high concurrency scenario
145 | - New pseudo multi-thread automatic update mechanism, background update does not affect widget use
146 | - Update failure retrial, to avoid the failure of retrieving some images due to network problems
147 | 
148 | ## Motivations
149 | I was talking to a friend the other day, and he said he wanted to show the daily ranking of [Pixiv](http://www.pixiv.net/) in the sidebar of his blog. I am also an `ACG` lover myself, so I wanted to write this as well. I finally had time last night and spent more than half an hour writing it. It looks great on [my own blog](https://www.mokeyjay.com), so I polished it and added some features and made it open source in case you have the same requirements.


--------------------------------------------------------------------------------
/app/Views/index.php:
--------------------------------------------------------------------------------
  1 | <!-- 来自 mokeyjay 的 Pixiv每日排行榜小挂件 -->
  2 | <!-- 博客：https://www.mokeyjay.com -->
  3 | <!-- 这个博客将会集技术、ACG、日常、分享于一身。如果你喜欢，常来玩哦 -->
  4 | 
  5 | <!doctype html>
  6 | <html lang="zh-CN">
  7 | <head>
  8 |   <meta charset="UTF-8">
  9 |   <meta http-equiv="X-UA-Compatible" content="ie=edge">
 10 |   <meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
 11 |   <meta name="referrer" content="no-referrer">
 12 |   <title>Pixiv 每日排行榜 Top<?= app\Libs\Config::$limit ?> 小挂件</title>
 13 | 
 14 |   <style>
 15 |     body { background-color : <?= app\Libs\Config::$background_color ?>; }
 16 |     * { margin: 0; padding: 0; outline: none; }
 17 | 
 18 |     .carousel {
 19 |       overflow: hidden;
 20 |     }
 21 |     .list {
 22 |       height: 100vh;
 23 |       position: relative;
 24 |     }
 25 |     .list-item {
 26 |       position: absolute;
 27 |       width: 100%;
 28 |       display: flex;
 29 |       align-items: center;
 30 |       height: 100%;
 31 |       visibility: hidden;
 32 |     }
 33 |     img {
 34 |       width: 100vw;
 35 |     }
 36 | 
 37 |     .list-item.current {
 38 |       z-index: 2;
 39 |       visibility: visible;
 40 |     }
 41 | 
 42 |     /* 翻页动画 */
 43 |     .current-to-prev, .current-to-next, .next-to-current, .prev-to-current {
 44 |       z-index: 1;
 45 |       visibility: visible;
 46 |     }
 47 |     .current-to-prev {
 48 |       animation: slide-current-to-prev .5s cubic-bezier(0.34, 0.69, 0.1, 1);
 49 |     }
 50 |     @keyframes slide-current-to-prev {
 51 |       from { transform: translateX(0) }
 52 |       to { transform: translateX(-100vw) }
 53 |     }
 54 |     .current-to-next {
 55 |       animation: slide-current-to-next .5s cubic-bezier(0.34, 0.69, 0.1, 1);
 56 |     }
 57 |     @keyframes slide-current-to-next {
 58 |       from { transform: translateX(0) }
 59 |       to { transform: translateX(100vw) }
 60 |     }
 61 |     .next-to-current {
 62 |       animation: slide-next-to-current .5s cubic-bezier(0.34, 0.69, 0.1, 1);
 63 |     }
 64 |     @keyframes slide-next-to-current {
 65 |       from { transform: translateX(100vw) }
 66 |       to { transform: translateX(0) }
 67 |     }
 68 |     .prev-to-current {
 69 |       animation: slide-prev-to-current .5s cubic-bezier(0.34, 0.69, 0.1, 1);
 70 |     }
 71 |     @keyframes slide-prev-to-current {
 72 |       from { transform: translateX(-100vw) }
 73 |       to { transform: translateX(0) }
 74 |     }
 75 | 
 76 |     /* 左右翻页按钮 */
 77 |     .button {
 78 |       height: 100%;
 79 |       width: 50px;
 80 |       position: fixed;
 81 |       top: 0;
 82 |       z-index: 5;
 83 |       cursor: pointer;
 84 |       display: flex;
 85 |       justify-content: center;
 86 |       align-items: center;
 87 |       transition: transform .3s ease-in-out, opacity .5s ease-in-out;
 88 |       opacity: 0;
 89 |     }
 90 |     .button.prev {
 91 |       left: 0;
 92 |       transform: translateX(-70px);
 93 |     }
 94 |     .button.next {
 95 |       right: 0;
 96 |       transform: translateX(70px);
 97 |     }
 98 |     .button .arrow {
 99 |       transform: rotate(45deg);
100 |       margin-top: -16px;
101 |     }
102 |     .button i {
103 |       position: relative;
104 |     }
105 |     .button.prev i:before, .button.prev i:after, .button.next i:before, .button.next i:after {
106 |       display: block;
107 |       content: "";
108 |       border: 4px solid white;
109 |       border-radius: 2px;
110 |       position: absolute;
111 |       width: 16px;
112 |       height: 16px;
113 |       box-sizing: border-box;
114 |     }
115 |     .button.prev i:before, .button.prev i:after {
116 |       border-top: none;
117 |       border-right: none;
118 |     }
119 |     .button.next i:before, .button.next i:after {
120 |       border-bottom: none;
121 |       border-left: none;
122 |     }
123 |     .button i:before {
124 |       filter: blur(4px);
125 |       border-color: #777777 !important;
126 |     }
127 |     .carousel:hover .button {
128 |       transform: translateX(0);
129 |       opacity: 1;
130 |     }
131 | 
132 |     .mask {
133 |       height: 150px;
134 |       width: 100%;
135 |       position: fixed;
136 |       bottom: 0;
137 |       background: linear-gradient(to top, rgba(0, 0, 0, .3), transparent);
138 |       transform: translateY(150px);
139 |       transition: transform .3s ease-in-out
140 |     }
141 |     .carousel:hover .mask {
142 |       transform: translateY(0);
143 |     }
144 | 
145 |     /* 作品 & 作者信息 */
146 |     .info {
147 |       opacity: 0;
148 |       text-shadow: black 0.1em 0.1em 0.2em;
149 |       pointer-events: none;
150 |       bottom: 60px;
151 |       position: fixed;
152 |       text-align: center;
153 |       color: white;
154 |       width: 80%;
155 |       transition: opacity .3s ease-in-out;
156 |       transform: translateX(10%);
157 |     }
158 |     .carousel:hover .info { opacity: 1 }
159 |     .title, .author {
160 |       white-space: nowrap;
161 |       text-overflow: ellipsis;
162 |       overflow: hidden;
163 |     }
164 |     .title {
165 |       font-size: 1rem;
166 |     }
167 |     .author {
168 |       margin-top: 5px;
169 |       font-size: .75rem;
170 |     }
171 | 
172 |   </style>
173 |   <script>
174 |       <?= app\Libs\Config::$header_script ?>
175 |   </script>
176 | </head>
177 | <body>
178 |   <div class="carousel">
179 |     <div class="list">
180 |       <?php foreach ($pixivJson['data'] as $k => $data): ?>
181 |         <div class="list-item <?= $k === 0 ? 'current' : '' ?>">
182 |           <a href="https://www.pixiv.net/artworks/<?= $data['id'] ?>" target="_blank">
183 |             <img src="<?= $k === 0 ? $data['url'] : '' ?>" data-src="<?= $data['url'] ?>" alt="<?= htmlentities($data['title']) ?>">
184 |             <div class="mask"></div>
185 |             <div class="info">
186 |               <div class="title"><?= htmlentities($data['title']) ?></div>
187 |               <div class="author"><?= htmlentities($data['user_name']) ?></div>
188 |             </div>
189 |           </a>
190 |         </div>
191 |       <?php endforeach; ?>
192 |     </div>
193 |     <div class="control">
194 |       <div class="button prev" onclick="carousel.prev()">
195 |         <div class="arrow"><i></i></div>
196 |       </div>
197 |       <div class="button next" onclick="carousel.next()">
198 |         <div class="arrow"><i></i></div>
199 |       </div>
200 |     </div>
201 |   </div>
202 | 
203 |   <script>
204 |     const $ = document.querySelector.bind(document);
205 |     const $$ = document.querySelectorAll.bind(document);
206 | 
207 |     class Carousel {
208 |       // 自动播放句柄
209 |       autoPlayInterval = 0;
210 |       // 滑动手势开始位置
211 |       startX = 0;
212 | 
213 |       constructor($dom) {
214 |         // 轮播组件
215 |         this.$carousel = $dom
216 |         // 轮播列表
217 |         this.$carouselList = this.$carousel.querySelector('.list')
218 |         // 当前展示项
219 |         this.$currentItem = this.$carouselList.querySelector('.list-item.current')
220 |       }
221 | 
222 |       init() {
223 |         this.loadImage(
224 |           this.findNextItemByDirection(this.$currentItem, 'prev'),
225 |           this.findNextItemByDirection(this.$currentItem, 'next')
226 |         )
227 | 
228 |         this.registerAutoPlay()
229 |         this.registerMouseHoverPausePlay()
230 |         this.registerSlideGesture()
231 |       }
232 | 
233 |       // 根据翻页方向获取下一个项目
234 |       findNextItemByDirection($item, direction) {
235 |         let prop = direction === 'next' ? 'next' : 'previous'
236 |         let nextItem = $item[`${prop}ElementSibling`]
237 | 
238 |         // 对应方向找不到下一个 item，就说明滑动到尽头了，要跳到开头或结尾
239 |         if (nextItem === null) {
240 |           prop = direction === 'next' ? 'first' : 'last'
241 |           nextItem = this.$carouselList.querySelector(`.list-item:${prop}-child`)
242 |         }
243 | 
244 |         return nextItem
245 |       }
246 | 
247 |       // 翻页
248 |       switchPage(direction) {
249 |         const $nextItem = this.findNextItemByDirection(this.$currentItem, direction);
250 | 
251 |         [this.$currentItem, $nextItem].map($item => {
252 |           $item.addEventListener('animationend', function end() {
253 |             if ($item.classList.contains('next-to-current') || $item.classList.contains('prev-to-current')) {
254 |               $item.className = 'list-item current'
255 |             } else {
256 |               $item.className = 'list-item'
257 |             }
258 | 
259 |             $item.removeEventListener('animationend', end)
260 |           })
261 |         })
262 | 
263 |         if (direction === 'next') {
264 |           this.$currentItem.className = 'list-item current-to-prev'
265 |           $nextItem.className = 'list-item next-to-current'
266 |         } else {
267 |           this.$currentItem.className = 'list-item current-to-next'
268 |           $nextItem.className = 'list-item prev-to-current'
269 |         }
270 | 
271 |         // 预加载下一张图
272 |         this.loadImage(this.findNextItemByDirection($nextItem, direction))
273 | 
274 |         this.$currentItem = $nextItem
275 |       }
276 | 
277 |       // 加载图片
278 |       loadImage() {
279 |         for (let $item of arguments) {
280 |           let $img = $item.querySelector('img')
281 |           if ($img.getAttribute('src') === '') {
282 |             $img.setAttribute('src', $img.getAttribute('data-src'))
283 |           }
284 |         }
285 |       }
286 | 
287 |       next() {
288 |         this.switchPage('next')
289 |       }
290 |       prev() {
291 |         this.switchPage('prev')
292 |       }
293 | 
294 |       // 注册自动播放
295 |       registerAutoPlay() {
296 |         clearInterval(this.autoPlayInterval)
297 |         this.autoPlayInterval = setInterval(() => this.next(), 5000)
298 |       }
299 | 
300 |       // 注册鼠标移入暂停轮播
301 |       registerMouseHoverPausePlay() {
302 |         this.$carousel.addEventListener('pointerenter', () => clearInterval(this.autoPlayInterval))
303 |         this.$carousel.addEventListener('pointerleave', () => this.registerAutoPlay())
304 |       }
305 | 
306 |       // 注册左右滑动手势
307 |       registerSlideGesture() {
308 |         this.$carousel.addEventListener('touchstart', e => this.startX = e.changedTouches[0].pageX);
309 |         this.$carousel.addEventListener('touchend', e => {
310 |           let endX = e.changedTouches[0].pageX;
311 |           let diffX = endX - this.startX;
312 | 
313 |           if (diffX > 50) {
314 |             this.prev()
315 |           } else if (diffX < -50) {
316 |             this.next()
317 |           }
318 |         });
319 |       }
320 |     }
321 | 
322 |     const carousel = new Carousel($('.carousel'));
323 |     carousel.init()
324 | 
325 |   </script>
326 | </body>
327 | </html>
328 | 


--------------------------------------------------------------------------------