pixiv小控件

前言

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

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

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

使用

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

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

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

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

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

  • interval: 页面轮播时长(毫秒). 默认5000
  • bg: 背景色, 默认transparent
  • w: 图片宽度. 默认300
    • 因为图片很多超过1MB, 故进行了图片的压缩, 可提高访问速度.
    • 可选值: 100, 200, 300, 400, 500.
  • limit: 轮播的排名区间. 默认1,50
    • 1,50 为显示排名 1-50 的图片
    • 最大排名100, 暂时看100应该够用了, 故只拉取了日榜的 top 100
  • type: 榜单类型, 默认daily
    • 日榜(daily), 月榜(monthly)
    • 周榜介于日榜和月榜之间, 感觉没人用吧, 就没有爬
  • rand: 是否随机起始图片, 默认0
    • 若为0, 则每次进入页面, 都会随机一个起始位置

原理

开始的时候, 我是想着将项目 down 下来, 配置一下跑起来就行了, 但是, 看过源码后, 我发现人家的很多功能其实我都用不到, 我只需要一个爬虫加一个展示页面就可以了. 索性自己写了一个.

其实现十分简单, 这里简单介绍一下, 就不开源了, 拢共没几行.

一个展示页面, 从 oss 的固定路径中读取图片进行展示. 比如排名1的, 路径为: pixiv/1.jpg.

一个每天定时执行的脚本, 将最新的图片下载后并覆盖 oss 的文件内容. 为了节省费用, 下载完成后将 ecs 释放掉. 具体可看 阿里云定时任务并自动释放. 同时, 因为页面使用了 cdn 读取图片, 所以在下载完成后, 要刷新下 cdn 缓存.

没了, 就这么点东西. 当然, 现在这样还存在一些问题, 比如:

  • 若定时脚本执行时, 每日排行榜没有刷新, 缺少重试机制
  • 页面只能读取到图片的 url, 无法读取更多信息, 缺少数据通信
  • 若某排名的图片当日没有, 页面并不知道, 仍然会进行展示. (因为是文件覆盖, 还是可以读到旧文件的)
  • 等等

不过当前的要求并不高, 这些问题都在可以忍受的范围内. 后面如果需求来了, 再改进吧

------------

原文地址 https://hujingnb.com/archives/666

转载请保留原文连接: pixiv小控件 | 烟草的香味

guest
0 评论
内联反馈
查看所有评论
0
希望看到您的想法,请发表评论。x