Pixiv 每日排行榜小部件 v6.0
2016-03-29
想要在你的网站页面中添加一个 Pixiv 每日排行榜 的展示功能吗？现在，只需要一行代码即可实现！
在线预览
✨ 特色
- 一行
HTML代码即可调用，方便快捷 - 自适应宽高。推荐宽度
240px、高度380px或以上 - 点击图片可跳转到对应作品详情页
- 每日自动更新，无需人工干预
- 内置多图床支持、按需加载图片，极低资源消耗
- 提供 API 服务，含有排行榜更新日期、缩略图 url 及详情页 url 等
🤔 如何使用
将这行代码添加到网页上即可
<iframe src="https://pixiv.mokeyjay.com" style="width:240px; height:380px; border: 0"></iframe>
以 Wordpress 为例。首先进入后台，点击 外观 -> 小工具
向右边适当的位置添加一个 文本 或 自定义HTML 小工具，内容填写上述代码即可
🛠️ 如何部署
想要自己定制代码？嫌我提供的服务太慢？
你也可以轻松拥有完全属于自己的小挂件！
需要 Docker 或 PHP 版本 >= 5.6
🔌 API
排行榜数据（已上传至图床）（推荐）
排行榜数据（pixiv url）
其中 data 为排行榜数据；date 为排行榜日期（可能是昨天或者前天，因为官方更新时间不一定）
这两个接口都会自动根据请求头的 Origin 或者 Referer 返回对应跨域头。可供前端直接调用
image和url两个键是为了兼容 4.x 及之前版本的用户，无需理会
🆙 升级指南
从 5.2 升级到 6.0
- 下载源代码
- 解压缩，将其中的
app和index.php覆盖到线上环境
⚠️ 对于 Docker 方式部署的用户
- 请将环境变量名中所有
-替换为_- 镜像从 docker hub 迁移至 ghcr.io
🌟 更新日志
新增
-
ranking_type配置项，现在可以选择拉取综合还是插画、漫画日榜啦~ - 图片预加载，优化网络环境较差时的体验
优化
- 完全重写了前端，更优雅的缓动效果
- 不再依赖 bootstrap，加载更快啦
- 改为使用官方 php、nginx 包
- 从本地存储获取图片时不再重复检查完整性
-
background_color配置项现在支持更多种颜色了
修复
- 部分环境变量在一些情况下无法被正常获取的问题
- 定时任务实际上是一小时执行一次，而非文档说的半小时一次
其他
- 由于不再依赖 bs，去除
static_cdn配置项 - 删除已经失效的
Pngcm、Tsesze图床 - Docker 镜像迁移至 ghcr.io
- Docker 镜像时区默认为上海
👨💻 关于作者
常用 ID mokeyjay，热爱 IT 与 ACG 的学渣
博主的响应式布局是用什么布的局
没炸 就是夸克浏览器把你网站 变未备案了
我确实已经没有备案了。夸克现在还不让访问未备案域名了吗🤔
大佬 网站炸了
rix跑路了，世事难料啊
api返回cors/corb错误咋整
什么？
就是跨域请求不到数据
确实，因为我没给跨域头🤔
那这个api服务咋用嘞~
我自己是个后端，下意识按照后端思维来设计了。没考虑前端直接跨域调用的场景。有空加一下
好嘞，感谢
提一个issue，使用方案一能否增加一个自定义p站url的参数（就是使用https://pixiv.re/pixid.jpg这个，方便直接访问图片）
你指的是你希望点击图片后不要跳pixiv官方而是其他的镜像站是吗？
如果方案一能自定义就好了
你可以直接修改 https://github.com/mokeyjay/Pixiv-daily-ranking-widget/blob/9d26e568ef1b12eaa510f56c8632c4feb6b241d4/app/Views/index.php#L40 这一行代码的域名部分即可实现
<a href="https://pixiv.re<?= str_replace('artworks','',$pixivJson['url'][$k]) ?>.png" target="_blank">
<a href="https://pixiv.re.png" target="_blank">
对！
老板，现在有什么方法能上PIXIV哦，5555
啊没事，是我自己开了抓包的代理，忘记关了
没有什么新鲜的方法，还是飞机解决
老哥，你网站的https好像掉了。。。
😂傻逼宝塔的ssl自动续签脚本又炸了。在我折腾熟 docker 之前我会定期每3个月检查一次了
好东西hhh，在码云看到几年前的..
好像api挂了
解决了，感谢反馈
感谢修复，白嫖党一本满足
没挂，但是 ssl 证书过期了，看来是续费脚本炸了……我看看
大佬 又炸了 停留在7月3号了
修好啦，快试试吧
但是还是发现2个小错误 1.你修复过的时间貌似是错误的，你是显示成现实当天时间了 并不是P站日榜的时间 2.JSON接口里的pid重复了和图片对不上 方便的话加个联系方式 我每天都用你的接口 很容易发现问题
关于页面里有我的联系方式；
时间不是错误的，因为p站日榜更新时间不确定，所以小部件这边一般是每天0点更新，也就往往显示的是昨天的日榜；
pid确实重复了，应该是正则还有问题，我再看看
额。。 我说的时间错误是 你接口里date显示的时间是7月11号了2333 然而今天的P站日榜是10号的！
date其实是指更新日期，而不是排行榜日期……因为P站排行榜的更新时间是不确定的，每天0点更新的话极大概率会拉到昨天的排行榜。这块我会想想怎么优化
因为我每天都在用 哈哈 早就发现了 以为你会发现处理 后来等不及了就留言了qwq
真的耶……感谢提醒我看看
很不错呀，感谢dalao！
对了大佬可以分享一下回复邮件通知的相关代码吗，看上去样式好好看
以前发过，你搜一下邮件这个关键字
找到了，谢谢老大
谢谢大佬^_^
老大，现在点击图片，好像并不能正确的跳转到对应的原图地址上
修复惹，低级错误，嘤嘤嘤
老大，排行榜更新期间，能否继续显示昨天的图片？
弄好了。不出意外的话今天凌晨就能看到效果了
这个可以有，我规划一下
确诊了，测试时我只顺手点了第一张图没发现问题😂我康康
有另外一个思路，这个程序可以放到CI上，每天CI运行一次，然后发布结果到github或gitee上，这样流量就全部转嫁出去了
在图床之前就想过这种操作。不过github国内访问不畅、gitee这种国内的服务又是限制带宽又是限制流量的emmmmm...
老大在吗老大(^o^)/~
emmmmm...之前赞助我服务器的小伙伴一声不吭把服务器收回了…
我重新部署一份吧
好趴，老大加油ヾ(◍°∇°◍)ﾉﾞ
现已恢复。话说我回复你的评论你能收到邮件提醒之类的吗？
老大，好像还是不行。。。
说明你本地的DNS还没生效，过会儿就好了
是哒^_^，有邮件提醒
老大，好像又炸了
好像不能用了
感谢提醒，已修复
可以直接拉取原图吗，不要缩略图
本来就是个侧边栏挂件，要原图除了加载更慢有啥意义？
我想另外下下来保存，但是不懂php :)
应该有现成的P站爬虫，可以用英文去搜一下
有句话有问题
“切记（忌）不要使用记事本”或者“忌使用记事本”
我的原话就是“切忌使用记事本”呀。“切忌”这个词是存在的，是“千万不要”的意思
wosign证书Chrome不信任、换一个吧
不存在的，我从不用辣鸡wosign，另外我就是Chrome61。
额。可是我这里是wosign的根。
截图https://ooo.0o0.ooo/2017/11/04/59fdb86a56d48.png
emmmmm...你换个设备再看看？
额、wosign的证书Chrome不信任、能否换一个呀。
一样对ACG感兴趣（但不怎么看番和漫了）话说能弄成一个插件在普通网站上显示吗 对网络这方面不熟悉 望指点下
文章中已经给出了方案一
发生了什么...
哇，屏蔽了 img 标签吗
https://ooo.0o0.ooo/2017/09/08/59b2bc80c177f.png
QAQ 我的服务器IP被sm.ms封了。昨日已推出2.8版本解决此问题
大佬其实你可以弄一个图墙啊.类似https://pixiv.moe/，源代码都是开放的
弄来干啥呀？如果想看那么多图的话为啥不直接去P站呢？
不太可能我是这边被劫持了 , 这两个境外的 Windows VPS 的锁也黄了
噢噢你说的是这个页面啊，是上面预览图没加https造成的。我还以为你说的是 https://cloud.mokeyjay.com/pixiv 呢
你这个页面出现 Mixed Content 了
小绿锁黄了哇(:3」∠)
我这里一切正常呀。你试试用别的设备和网络环境，例如有线、wifi、流量之类的测测，不排除你那边被劫持了
突然发现我的码算是白打了(:3」∠)
可以麻烦你看完之后帮我把图片链接删除吗 , 谢谢了
因为带了链接，所以评论目前是待审核状态，不会直接显示出来的。我已经看完了，现已修复，那条评论我删掉，谢谢
大佬你应该学画画，画个大小姐啊
？？？学画画不要时间的哦？我倒是想学日语和画画啊，然而本社畜已经没有那个时间了……
不怕 给你 +1s
原来在这
不错的插件！！
老哥，插件又炸了
腾讯云CDN抽风，插件本身没炸
插件好像又炸了。。。
奇怪，我看下什么情况。该不会P站又TM改版了吧
为啥现在插件都是获取的昨天的排行榜
因为今天的排行榜还没出来啊……当然只能获取到昨天的
貌似p站排行榜延迟更新获取不到，能延迟获取下？
P站排行榜没有确切的更新时间，有时早有时晚，所以具体延迟多久不好控制啊
亲 插件好像炸了、。。。。
嗯嗯，我今天修复下
已修复，快试试吧
嗯嗯，问下，亲的图片滚动时间是多少毫秒？
5秒
貌似出问题了，现在的都是昨天缓存的排行榜，今天的获取不到了。重装程序直接打不开页面
好像是的，我今天修复下
已修复~
ok，我传上去看看
缓存的是缩略图。稍微改下可以实现不删除
博主有没有可能做一个插件或者什么的 每日调用这些下载到服务器的图片然后实现自动发布到博客。毕竟每天50张图片不利用一下有点可惜。。。
每天发布一篇文章，然后内容就是50张图？
具体没想好，P站的每日TOP榜也是有人喜欢的。。主要还是觉得每天就这样缓存50明天又删除有点可惜。。
评论背景透明好难受
唔畅言默认就是透明的……至少比多说好的一点是稳定多了
整体效果很不错，就是图片布清新，不知道可不可解决这个问题。谢谢博主的折腾，辛苦；
P站的缩略图就这尺寸。如果放原图的话那加载就很慢了
图片布清晰，可否单独共享一份清晰的。
点击图片进去就能看到清晰的了
我能说我在复制的时候frameborder="0" style="width:240px; height:380px;"之间的空格问题导致了我的高度属性始终没改成功嘛
空格数量不影响的啊？1个或2个应该都没区别的
我这边用高度与宽度属性不起作用，换成或者就好了
七牛之前支持https 防盗链黑白名单，但之后更新了一次就下架相关设置了，但防盗链依然有效……弄得现在很尴尬
七牛之前支持https+防盗链黑白名单，但之后更新了一次就下架相关设置了，但防盗链依然有效……弄得现在很尴尬
233客服呢？
噢？你具体是想做什么呢？
菊苣求HTTPS
你自己部署的话就能弄HTTPS啦，我本站都还没折腾出https呢……
好哒，为了全站HTTPS也只能这样了 (:з」∠)
(:з」∠) 求dalao推荐新手https教程
你才是dalao好不 _(:з」∠)_折腾了一天HTTPS之后还是放弃了 orz
无言以对
请问下博主，我已经复制过小工具但是不显示是为什么，，，YouTube的iframe可以正常的显示的说..
代码截图看看
谢谢，想了下找到了原因...是https的锅....
……嘛我啥时候有空继续折腾下HTTPS好了
手动赞poi
poi~
poi~
对惹，能不能把略缩图缓存 原图呀0.0
原图很大的……一般都几M甚至几十M，配置不好的直接就宕了。所以只缓存缩略图
太棒惹 终于弄成https的惹
没事呀。。可以保存在 云储存上面
云存储也需要你先存到你服务器本地再上传到云存储上啊……
话说能不能加一下QQ 这样好麻烦的说
[嘻嘻]QQ一般不加人，有事留言
[晕]
QAQ为啥咱没有头像
邮箱没填对吧？或者用微博登陆之类的就行了