骚年,你是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 一下~谢谢各位
这是一个专为移动设备优化的页面(即为了让你能够在 Google 搜索结果里秒开这个页面),如果你希望参与 V2EX 社区的讨论,你可以继续到 V2EX 上打开本讨论主题的完整版本。
V2EX 是创意工作者们的社区,是一个分享自己正在做的有趣事物、交流想法,可以遇见新朋友甚至新机会的地方。
V2EX is a community of developers, designers and creative people.