熊猫追番 (PandaBangumi) for Typecho 发布!

请注意,本文编写于 297 天前,最后修改于 98 天前,其中某些信息可能已经过时。

熊猫追番是一个可以给 Typecho 博客增加番剧展示功能的插件。我之前有写过一个独立页面模板,也是把 Bangumi 上的数据拉过来展示,我觉得也还蛮不错的,但是用起来还是不够方便,且功能不是很完善。这两天鼓捣鼓捣弄了一个插件版出来,用起来应该蛮舒服的~

展示页面:我的追番

更新

2018-11-18:2.0

移除了大量使用频率低的功能,仅保留追番列表功能。

  • 移除了追番日历
  • 移除了公共 CDN
  • 移除了单个番剧展示
  • 无需填写账号与密码,只需 ID
  • 重写样式

2018-10-28:开启了精简的版本。在该版本中,去掉了番剧日历与展示单个番剧的功能。如要使用这个版本,请从 Github clone 最新的代码至本地,然后执行 git checkout simple-ver,然后在后台禁用再重新启用插件。新版本不需要账户与密码,只需要填写你的 ID,即你用户主页链接 user 后面那一串数字。

2018-08-29:重新写了样式,现在不只是单个展示的番剧,追番列表中的番剧也可以点击显示简介。请手动清除一下缓存的数据文件(插件设置页有删除缓存的按钮)。移除了并没有什么用的“黑暗模式”。由于增加了简介的缓存,首次加载时间会变长一些……

简单的功能列表

  • 可展示追番列表与追番进度,带分页功能,可设置每页显示的数量,AJAX 加载
  • 可展示番剧播放日历
  • 可以单独展示某部番剧,一篇文章可以展示多部
  • AJAX 加载 + 数据缓存,用起来应该还满顺畅的

使用

展示追番列表。

插件版添加了分页功能,这样追番很多时能节约流量,加快速度。追番列表与追番日历功能都可以自己选择要不要开启,在插件里设置就好。

使用方法:去 GitHub 上下载插件:

https://github.com/AlanDecode/PandaBangumi-Typecho-Plugin

解压后把文件夹改名为 PandaBangumi ,上传到服务器 /usr/plugins 目录下,在 Typecho 后台启用本插件,填写 ID(即用户主页链接后的那串数字),设置一下每页展示的数量。如果你的博客没有引入 JQuery 的话可以在插件里选择引入。

在任何页面,不论是独立页还是一般的文章页面,在文章里插入这么一句:

<div class="bgm-collection" id="bgm-collection"></div>

保存发布,这个位置就会展开成追番展示面板。加载和分页都使用 AJAX 请求~

插件带了缓存功能,可以极大地提升速度,但是记得要保证 插件目录/json/bangumi.json 这个文件可写

注意事项

不一定所有主题都完美。

模板会向 插件目录/json/bangumi.json 文件写入缓存数据,请保证这个文件可写。

如果你发现 PJAX 切换页面时番剧都不加载了,你需要去主题的 PJAX 回调函数中添加一句 initCollection();

如果你的主题没有引入 JQuery,记得在插件设置里选择引入。

引用与参考的项目

Bangumi API 部分参考了梓喵出没大佬写的一篇Bangumi的几个API及使用PHP调用的简单测试

如果有帮助到你,欢迎在 GitHub 给我 star 哦~

Comments

添加新评论

已有 44 条评论

您好,请问插件获取不到值咋办...

熊猫小A 熊猫小A 回复 @Chlience

你那边看上去是JQuery引入冲突了,需要到插件里关掉引入。另外需要保证插件目录下json文件夹可写。

大佬,我的一直处于三个点的加载状态,帮帮忙吧,还有 "插件目录/josn" 下没有 "bangumi.json" 这个文件

http://www.chocolatescat.com/archives/16/

熊猫小A 熊猫小A 回复 @一只猫叫巧克力

目录需要可写

studylong studylong

大佬,我添加了以后显示都是undefined,http://blog.studylong.xyz/index.php/23.html

studylong studylong 回复 @studylong

已解决

插入代码没响应=.=大大帮忙看下

熊猫小A 熊猫小A 回复 @千乞

伪静态的原因,我修复了一下,试试新的

千乞 千乞 回复 @熊猫小A

显示了,单是=.=null,id已经设置了

千乞 千乞 回复 @熊猫小A

已解决

请问dalao为什么列表没有展示出来呢
下面是插入的代码

!!!
<div class="bgm-collection" id="bgm-collection"></div>
!!!
熊猫小A 熊猫小A 回复 @音空

你上传了插件吗,都 404 了……
记得要把插件文件夹改名为 PandaBangumi

音空 音空 回复 @熊猫小A

有上传的,而且这边没有404哦

熊猫小A 熊猫小A 回复 @音空

明白了,你的博客是放在/blog 目录下的,所以 JS 和 CSS 都 404 了。我修改了一下插件,你用新的试试

音空 音空 回复 @熊猫小A

谢谢大佬~已经可以显示出来了,只不过为什么一直是加载中呢,权限已经设置成777了

熊猫小A 熊猫小A 回复 @音空

还是之前那个问题,JS中对应部分忘了改,你再试试新的

音空 音空 回复 @熊猫小A

谢谢~问题解决了,大佬辛苦了

大佬你好,我想请教为什么我的页面只显示填入的代码,而不响应插件呢?P.S. 我的user后面并不是数字……

页面地址:https://nekor.moe/index.php/755.html

你可能需要使用 !!! 包裹 div,例如

!!!
<div></div>
!!!
miao miao 回复 @熊猫小A

谢谢大佬的回复,前一个问题已经解决~只不过另一个问题就是追番页面没有办法加载出来T_T 我用的是Lightsails主机,json这个文件夹我设置为可写了,只是里面并没有出现Bangumi.json这个文件。

还是非常谢谢大佬的工作~

这是我的失误。目前需要你开启站点伪静态才行,后台 - 设置 - 永久链接 中启用地址重写,并对你的 web 服务器做对应的 rewrite 设置。
如果你是 nginx,那么这样应该就可以:

if (!-e $request_filename) {
    rewrite ^(.*)$ /index.php$1 last;
}
miao miao 回复 @熊猫小A

抱歉,我这段时间有些小忙,一时没有去管它……我的是apache,花了一些时间来弄伪静态不成功,遂放弃⌇●﹏●⌇

反馈个问题,页面显示undefined,无法获得列表,不知道是不是插件问题

请附上出错的页面地址。

目前看来你并没有按照插件说明插入 div。

手机浏览器不显示追番列表怎么办?

熊猫小A 熊猫小A 回复 @兔子裹煎蛋卷

我看你那边没问题啊,只是由于你的主题启用了 PJAX,在切换页面后插件不会加载,你需要在主题 PJAX 重载中加入 PandaBangumi_initBGM();

我没添加,直接把你插件最后的那个选项关了就?

不好意思呀,我是你之前那个独立页面,这个还没用。明天早上起床后试试这个 ,很好!棒!

  1. 1
  2. 2