Pixiv 每日排行榜小部件 v5.1

English

想要在你的网站页面中添加一个 Pixiv 每日排行榜 的展示功能吗?现在,只需要一行代码即可实现!
在线预览

✨ 特色

  • 一行 HTML 代码即可调用,方便快捷
  • 自适应宽高。推荐宽度 240px、高度 380px 或以上
  • 点击图片可跳转到对应作品详情页
  • 每日自动更新,无需人工干预
  • 内置多图床支持、按需加载图片,极低资源消耗
  • 提供 API 服务,含有排行榜更新日期、缩略图 url 及详情页 url 等

🤔 如何使用

将这行代码添加到网页上即可

<iframe src="https://cloud.mokeyjay.com/pixiv" style="width:240px; height:380px; border: 0"></iframe>

WordPress 为例。首先进入后台,点击 外观 -> 小工具
向右边适当的位置添加一个 文本自定义HTML 小工具,内容填写上述代码即可

高级用法

🛠️ 如何部署

想要自己定制代码?嫌我提供的服务太慢?
你也可以轻松拥有完全属于自己的小挂件!

需要 PHP 版本 >= 5.6

部署文档

🔌 API

排行榜数据(已上传至图床)(推荐)
排行榜数据(pixiv url)

其中 data 为排行榜数据;date 为排行榜日期(可能是昨天或者前天,因为官方更新时间不一定)
这两个接口都会自动根据请求头的 Origin 或者 Referer 返回对应跨域头。可供前端直接调用

imageurl 两个键是为了兼容 4.x 及之前版本的用户,无需理会

🆙 升级指南

从 5.0 升级到 5.1

  1. 下载源代码
  2. 解压缩,将其中的 appindex.php 覆盖到线上环境
  3. 此版本添加了新的图床,你可以按需修改 config.php 中的 image_hosting 配置项

从 4.x 升级到 5.x

  1. 查看 config.phpimage_hosting 配置项的注释说明,选择适合你的图床配置,填写到你线上环境的 config.php
  2. 删除 storage/app 下的所有文件,让程序重新获取排行榜数据

🌟 更新日志

新增

  • 京东、薄荷、58图床
  • static_cdn 配置项,可以选择前端静态资源 CDN 供应商

优化

  • 重写了左右翻页箭头,修复了它的一些问题

其他

  • 去掉失效的百度、映画图床
  • 将谷歌分析更换为百度统计

历史更新日志

💖 特别赞助

非常感谢 Jetbrains 为我提供的 IDE 开源许可,让我完成此项目和其他开源项目上的开发工作。

👨‍💻 关于作者

常用 ID mokeyjay,热爱 IT 与 ACG 的学渣

148 条评论

昵称
  1. 秋枫

    博主的响应式布局是用什么布的局

  2. 污梦

    没炸 就是夸克浏览器把你网站 变未备案了

    1. mokeyjay

      我确实已经没有备案了。夸克现在还不让访问未备案域名了吗🤔