# Pixiv daily top50 widget

**Repository Path**: mokeyjay/Pixiv-daily-top50-widget

## Basic Information

- **Project Name**: Pixiv daily top50 widget
- **Description**: 会自动更新的P站每日榜top50展示小部件，适合放在博客侧边栏等地方
- **Primary Language**: PHP
- **License**: Not specified
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 39
- **Forks**: 2
- **Created**: 2016-03-28
- **Last Updated**: 2025-01-08

## Categories & Tags

**Categories**: wordpress-plugins

**Tags**: None

## README

> **请注意：**
> 此项目已转移至 Github
> 这里将不再继续维护，请移步至 → [mokeyjay/Pixiv-daily-top50-widget](https://github.com/mokeyjay/Pixiv-daily-top50-widget)

## Pixiv每日排行榜Top50小部件

![Pixiv每日排行榜Top50小部件效果图](https://moepic.org/images/2016/12/21/c11a58e36ac4b304611b6af309fdcdb3.png)

### 简介
骚年，你是`ACG`或绘画爱好者吗？你希望在你的博客或网站中添加一个 **`Pixiv`每日排行榜Top50** 的展示功能吗？现在，无需在茫茫互联网中寻找适合自己站点的插件了，只需要几个文件或是一行代码即可实现！

### 特色
- 一行`HTML`代码即可调用，方便快捷
- 适合放在大部分博客或网站的侧边栏
- 自适应宽高。推荐宽度`240px`、高度`380px`
- 点击图片可跳转到对应作品详情页
- 自动更新，无需`crontab`
- 按需加载图片，极低资源消耗
- 支持数据缓存，每日只更新一次排行榜数据，降低性能开销
- 支持图片缓存，解决部分地区`pixiv`打开慢的问题

### 更新日志
#### 2.4
- 修复特定情况下URL的`limit`参数无效的问题
- 修复**方案一**缓存问题
- 修复上面效果图SSL证书问题

#### 2.3
- 更换了前端库引用地址，修复移动宽带下加载慢的问题
- 添加协议自适应，修复在关闭缓存或缓存还没全部完成时影响小绿锁的问题
- 以上更新来自@灵乌路空 的友情PR，我们一起对她PRPR以示感激吧
- 超能小紫的方案一服务现已支持HTTPS。咬牙忍痛上了收费CDN，请大家且用且珍惜
- 要是被滥用到我吃不消费用的话可能会暂停服务噢~
- 如果访问量较高的话建议还是自行搭建服务，谢谢各位的支持与谅解

#### 2.2
- 优化下载线程以支持自行部署HTTPS

#### 2.1
- 规划2.0时脑子抽了，非要把所有逻辑都局限在一个文件里。虽然各方面确实有所提升，但在一些情况下照样会出现那些老问题。例如缩略图下载失败啊、PHP超时导致下载中断之类。因此在我测试并意识到这一点时，赶紧开始了新版本的开发 <del>光速打脸</de>
- 去除自动更新锁机制，缩略图已存在并且有效时不再重复下载。防止因网络波动或超时导致的缩略图下载失败

#### 2.0
- 整体重构，各机制大幅优化
- 添加自动更新锁机制，避免高访问量时并发更新浪费资源
- 全新的伪多线程自动更新机制，后台更新不影响使用
- 更新失败重试，避免因为网络问题导致的部分图片获取失败

### 初衷
前几天跟朋友聊天，朋友说希望能在自己博客侧边栏中显示[Pixiv](http://www.pixiv.net/)的每日排行榜。我自己也是个`ACG`爱好者，被他这么一说也想弄一个。昨晚终于有空，花了半个多小时写完。[自己博客](https://www.mokeyjay.com)用上了感觉不错，完善了一下加了点功能开源出来福利各位

## 如何部署

### 方案一：使用[超能小紫](https://www.mokeyjay.com)提供的服务

该方案适用于动手能力较差或较懒或没有特殊需求的用户。且已配置好国内CDN，访问速度较快

服务地址：[https://cloud.mokeyjay.com/pixiv](https://cloud.mokeyjay.com/pixiv)

以`Wordpress`为例，首先进入 后台 -> 外观 -> 小工具

向右边适当的位置添加一个 **文本** 小工具，标题随意，内容为

```html
<iframe src="https://cloud.mokeyjay.com/pixiv" frameborder="0"  style="width:240px; height:380px;"></iframe>
```

点击保存按钮即可回到博客首页预览效果咯~

如果你了解`CSS`的话，还可以随意修改`iframe`的`style`属性

推荐宽度`240px`、高度`380px` （因为P站缩略图最大就是这个尺寸）

默认的背景颜色是`#fff`（纯白色），如果你的页面背景颜色与之不符，你可以传参来改变它

例如将上面`iframe`的`src`属性的值改为`https://cloud.mokeyjay.com/pixiv/?color=f00`试试看？

正常情况下背景颜色会变成**红色**，即`#f00`。如果颜色没有改变，可能是缓存问题，`Ctrl+F5`刷新一下即可

`color`的值就是CSS内使用的颜色值，可为3或6位16进制字符。无需 **#** 号

你还可以通过`limit`参数限制图片数量

例如`https://cloud.mokeyjay.com/pixiv/?color=f00&limit=10`

则可以得到背景为红色的Top10画册

**请注意：** `limit`参数的范围为`1-50`

### 方案二：自行架设服务

适用于动手能力较强或需要自定义的用户

使用此方案你可以更深层次地自定义，并且可以配置图片缓存到你的服务器，缓解某些地区访问P站较慢或打不开等问题

首先[下载源代码](https://git.oschina.net/mokeyjay/Pixiv-daily-top50-widget/repository/archive/master)，解压

使用专业编辑器（例如`Sublime`、`Notepad++`等，切忌使用记事本）编辑`Conf.php`，修改相应配置。每个配置项的说明都以注释的形式标注在文件内。如果你看不懂，那就说明你比较适合**方案一**

**请注意：** 数据缓存和图片缓存功能需要当前目录的写入权限。如果你的主机不支持写入（例如SAE或BAE等应用环境），关掉图片缓存的话也不影响使用，但每次访问都会重新获取每日排行榜，比较浪费资源。这种情况下推荐使用方案一，当然如果你有钱的话当我没说

## 注意事项

- 推荐使用方案一，由我本人维护，如有问题第一时间更新
- 本项目免费开源，仅供学习交流。请勿用于任何商业用途，作者不承担任何责任
- 方案二需要PHP版本 >= 5.3

## 关于作者

[超能小紫](https://www.mokeyjay.com)，常用ID`mokeyjay`。热爱IT与ACG的学渣