Pixiv 每日排行榜 Top50 小部件

2017-03-31 13:31:18 +08:00
 mokeyjay

简介

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

特色

开源项目地址

更新日志

2.5

2.4

2.3

2.2

2.1

2.0

初衷

前几天跟朋友聊天,朋友说希望能在自己博客侧边栏中显示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的话,还可以随意修改iframestyle属性

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

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

例如将上面iframesrc属性的值改为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 站较慢或打不开等问题

首先下载源代码,解压

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

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

注意事项

关于作者

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

如果喜欢,喜欢能 Star 一下~谢谢各位

2664 次点击
所在节点    ACG
9 条回复
SoulGem
2017-03-31 13:36:36 +08:00
赞一个!
sliamb
2017-03-31 13:46:22 +08:00
大佬又有新作品了
mokeyjay
2017-03-31 13:47:39 +08:00
帖子超时无法编辑了,有人说开源地址链接不显眼,我在这再发一下

https://github.com/mokeyjay/Pixiv-daily-top50-widget
Garantion
2017-03-31 13:49:27 +08:00
资瓷一下
misaka19000
2017-03-31 13:56:34 +08:00
能不能直接封装一个 HTTP 调用接口呢,返回图片的地址数组就可以了
mokeyjay
2017-03-31 14:03:46 +08:00
@misaka19000 有呀,分别是 https://cloud.mokeyjay.com/pixiv/pixiv.jsonhttps://cloud.mokeyjay.com/pixiv/source.json 。区别在于图片 url 是否经过我的服务器缓存

感觉应该写在说明里,而不是作为彩蛋一样的东西
songjiaxin2008
2017-03-31 14:06:42 +08:00
厉害厉害!
timwei
2017-04-07 15:37:34 +08:00
<3
geew
2017-05-18 17:04:12 +08:00
赞一个 已放到网站上

这是一个专为移动设备优化的页面(即为了让你能够在 Google 搜索结果里秒开这个页面),如果你希望参与 V2EX 社区的讨论,你可以继续到 V2EX 上打开本讨论主题的完整版本。

https://www.v2ex.com/t/351729

V2EX 是创意工作者们的社区,是一个分享自己正在做的有趣事物、交流想法,可以遇见新朋友甚至新机会的地方。

V2EX is a community of developers, designers and creative people.

© 2021 V2EX