骚年,你是ACG
或绘画爱好者吗?你希望在你的博客或网站中添加一个 Pixiv
每日排行榜 Top50 的展示功能吗?现在,无需在茫茫互联网中寻找适合自己站点的插件了,只需要几个文件或是一行代码即可实现!
HTML
代码即可调用,方便快捷240px
、高度380px
crontab
pixiv
打开慢的问题limit
参数无效的问题前几天跟朋友聊天,朋友说希望能在自己博客侧边栏中显示Pixiv的每日排行榜。我自己也是个ACG
爱好者,被他这么一说也想弄一个。昨晚终于有空,花了半个多小时写完。自己博客用上了感觉不错,完善了一下加了点功能开源出来福利各位
该方案适用于动手能力较差或较懒或没有特殊需求的用户。且已配置好国内 CDN ,访问速度较快
服务地址:https://cloud.mokeyjay.com/pixiv
以Wordpress
为例,首先进入 后台 -> 外观 -> 小工具
向右边适当的位置添加一个 文本 小工具,标题随意,内容为
<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 站较慢或打不开等问题
首先下载源代码,解压
使用专业编辑器(例如Sublime
、Notepad++
等,切忌使用记事本)编辑Conf.php
,修改相应配置。每个配置项的说明都以注释的形式标注在文件内。如果你看不懂,那就说明你比较适合方案一
请注意: 数据缓存和图片缓存功能需要当前目录的写入权限。如果你的主机不支持写入(例如 SAE 或 BAE 等应用环境),关掉图片缓存的话也不影响使用,但每次访问都会重新获取每日排行榜,比较浪费资源。这种情况下推荐使用方案一,当然如果你有钱的话当我没说
超能小紫,常用 IDmokeyjay
。热爱 IT 与 ACG 的学渣
如果喜欢,喜欢能 Star 一下~谢谢各位
1
SoulGem 2017-03-31 13:36:36 +08:00
赞一个!
|
2
sliamb 2017-03-31 13:46:22 +08:00
大佬又有新作品了
|
3
mokeyjay OP |
4
Garantion 2017-03-31 13:49:27 +08:00
资瓷一下
|
5
misaka19000 2017-03-31 13:56:34 +08:00 via Android
能不能直接封装一个 HTTP 调用接口呢,返回图片的地址数组就可以了
|
6
mokeyjay OP @misaka19000 有呀,分别是 https://cloud.mokeyjay.com/pixiv/pixiv.json 和 https://cloud.mokeyjay.com/pixiv/source.json 。区别在于图片 url 是否经过我的服务器缓存
感觉应该写在说明里,而不是作为彩蛋一样的东西 |
7
songjiaxin2008 2017-03-31 14:06:42 +08:00
厉害厉害!
|
8
timwei 2017-04-07 15:37:34 +08:00
<3
|
9
geew 2017-05-18 17:04:12 +08:00
赞一个 已放到网站上
|