Pixiv每日排行榜Top50小部件

简介

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

特色

• iframe即可调用，方便快捷
• 适用于大部分博客、网站等的侧边栏
• 自适应宽度，推荐240px
• 点击图片可跳转到对应作品页面
• 自动更新，无需crontab
• 按需加载图片，极低性能消耗
• 支持数据缓存，每日只更新一次，降低性能开销
• 支持图片缓存，解决部分地区pixiv打开慢的问题

初衷

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

如何部署

方案一：使用超能小紫提供的服务

该方案适用于动手能力较差或较懒或没有特殊需求的用户

服务地址：http://cloud.mokeyjay.com/pixiv/

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

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

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

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

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

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

默认的背景颜色是#eee，如果你的页面背景颜色与之不符，你可以传参来改变它

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

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

color的值就是CSS内使用的颜色值，可为3或6位16进制字符

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

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

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

请注意： limit参数的范围为0-50

方案二：自行架设服务

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

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

首先下载源代码，解压，取出index.php

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

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

注意事项

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

关于作者

超能小紫，常用IDmokeyjay。热爱IT与ACG的学渣