感谢作者超能小紫mokeyjay
基于原作品进行二创
点击卡片图片即可跳转镜像站,感谢镜像站
提供个预览地址 虽然没人看

简介

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

特色

  • 一行 HTML 代码即可调用,方便快捷
  • 适合放在大部分博客或网站的侧边栏
  • 自适应宽高。推荐宽度 240px 、高度 380px
  • 点击图片可跳转到对应作品详情页
  • 每日自动更新,无需人工干预
  • 内置多图床支持、按需加载图片,极低资源消耗
  • 提供API服务,含有排行榜更新日期、缩略图url及详情页url
  • 点击图片即可跳转中国镜像站,方便国人使用

开源地址

Github 直链 预览
Pixiv-daily-ranking-widget 直链 预览地址
Pixiv-daily-ranking-widget-China 直链 预览地址

开始部署吧!

由于大致步骤一致,仅搬运原作者博文
如不常使用代理,也可将原作者地址https://cloud.mokeyjay.com/pixiv修改为我的地址https://pixiv.skyil.cn

方案一:使用超能小紫提供的服务

该方案适用于动手能力较差或较懒或没有特殊需求的用户。且已配置数个图床,访问速度较快
服务地址:https://cloud.mokeyjay.com/pixiv

以WordPress为例,首先进入 后台 -> 外观 -> 小工具
向右边适当的位置添加一个 文本自定义HTML 小工具,标题随意,内容为

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

点击保存按钮即可回到博客首页预览效果咯~
如果你了解CSS的话,还可以随意修改iframestyle属性
推荐宽度 240px 、高度 380px(因为P站缩略图最大就是这个尺寸)

自定义背景颜色
默认为透明背景色,一般情况下不必特意去改背景颜色

如果你还是要改,可以参考下面的示例:
例如将上面 iframesrc 属性的值改为 https://cloud.mokeyjay.com/pixiv/?color=f00 试试看?
正常情况下背景颜色会变成红色,即 #f00 。如果颜色没有改变,可能是缓存问题,Crtl + F5
color的值就是CSS内使用的颜色值,可为 3 或 6 位 16 进制字符。无需 # 号

自定义Top数量
你还可以通过 limit 参数限制图片数量
例如 https://cloud.mokeyjay.com/pixiv/?color=f00&limit=10
则可以得到背景为红色的 Top10 画册

limit参数的范围必须在1-500 之间

API服务
图床缩略图URL+详情页URL(推荐)
Pixiv原始缩略图URL+详情页URL
内容很简单,相信大家看了就知道可以怎么用了,不再赘述

方案二:自行架设服务

适用于动手能力较强或需要深度自定义的用户

需要PHP版本 >= 5.4

首先下载源代码,解压
使用专业编辑器(强推 VS CODE)编辑config.php,根据实际情况修改相应配置

由于Pixiv已经被墙,如果你想要将此项目部署在国内,请务必配置 proxy 配置项
每个配置项的说明都以注释的形式标注在文件内。如果你看不懂,那就说明你比较适合方案一

最后一步,给予 storage 目录读写权限
具体使用方法参考方案一

Butterfly 食用教程

  1. 创建 [ROOT]themes\butterfly\layout\includes\widget\card_pixiv.pug
1
2
3
4
5
6
.card-widget.card-pixiv
.card-content
.item-headline
i.fa.fa-image(aria-hidden="true")
span= _p('aside.card_pixiv')
iframe(src="https://pixiv.skyil.cn/daily" frameborder="0" style="width:100%;height:380px;")
  1. DIFF [ROOT]themes\butterfly\layout\includes\widget\index.pug
1
+     !=partial('includes/widget/card_pixiv', {}, {cache:theme.fragment_cache})
  1. DIFF [ROOT]\ _config.butterfly.yml
1
+   card_pixiv: true

完结 撒花
虽然我几乎什么都没有更改