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 的学渣
评论背景透明好难受
唔畅言默认就是透明的……至少比多说好的一点是稳定多了
整体效果很不错,就是图片布清新,不知道可不可解决这个问题。谢谢博主的折腾,辛苦;
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好了