前言

最近看到一个大佬, 开源了一款博客小插件, 地址. 可以将pixiv网站的日榜放到博客侧边栏. 看上去很炫酷. 于是我也引入到了自己的博客中. 在此向大佬表示感谢.

但是在使用过程中, 经常遇到访问很慢的情况, 查看之后才发现, 大佬的服务器架设在韩国, 难怪访问比较慢, 都走国际带宽了.

于是, 我就在北京搭了一个, 如果需要的话可自行引入. 效果可到主页查看. 地址: https://fun.hujingnb.com/pixiv/i

如果愿意的话, 希望能帮我加个友链, 谢过

名称: 烟草的香味
地址: https://hujingnb.com
头像: (修改 s 参数以修改图片尺寸) https://cravatar.cn/avatar/9b59d04405217fb93755abf434aa9c1e?s=256
简介: 对技术充满好奇的后端工程师

使用

我使用的是WordPress, 就以WordPress为例, 其他情况请自行处理. 当前图片的点击效果为打开图片

添加侧边栏HTML控件, 内容(iframe请自行修改):

<iframe src="https://fun.hujingnb.com/pixiv/i?w=300" frameborder="0"  style="width:300px; height:400px;" ></iframe>

同时支持HTTP, HTTPS 请求, 推荐使用HTTPS.

另外, 我添加了几个请求的GET参数, 用于有需要的小伙伴自定义.

interval: 页面轮播时长(毫秒). 默认5000
bg: 背景色, 默认transparent
- 注意, 若你的色值为#000, 请传递参数%23000. 在 get uri 中#符号需要进行转义
- 当然, 其他在HTML中用于标识颜色的都可以哦. 比如black
w: 图片宽度. 默认100
- 可选值: 50, 100, 200, 300
- 图片压缩后, 可提高访问速度
- 因只进行缩略图展示, 故下载的图片宽度最大为240, 未下载原图(应该也用不到吧)
- 请按需使用, 不要超过窗口的宽度, 否则徒增图片大小(也会增加流量消耗)
limit: 轮播的排名区间. 默认1,50
- 1,50 为显示排名 1-50 的图片
- 最大排名100, 暂时看100应该够用了, 故只拉取了日榜的 top 100
type: 榜单类型, 默认daily
- 日榜(daily), 月榜(monthly)
- 周榜介于日榜和月榜之间, 感觉没人用吧, 就没有爬
rand: 是否随机起始图片, 默认0
- 若为1, 则每次进入页面, 都会随机一个起始位置
c_type: 图片点击行为. 默认为img
- 其他点击行为可留言, 酌情添加
- 可能值如下:
  - img: 在新页面打开图片
  - none: 点击无反应
  - p_detail: 打开 pixiv 站点的图片页面
  - p_user: 打开 pixiv 站点的作者页面
cursor: 鼠标在图片上的样式, 可配合c_type使用. 默认为pointer
- 此样式请参数css 属性cursor
- 当前支持的所有值如下(若少了联系我添加即可):
  - pointer/alias/all-scroll/auto/cell/col-resize/context-menu/copy/crosshair/default/e-resize/ew-resize/grab/grabbing/help/move/n-resize/ne-resize/nesw-resize/no-drop/none/not-allowed/ns-resize/nwse-resize/progress/revert/row-resize/s-resize/se-resize/sw-resize/text/unset/vertical-text/w-resize/wait/zoom-in/zoom-out