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

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

展示页面:我的追番

更新

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 后台启用本插件,填写账号密码,设置一下每页展示的数量和追番日历选项。如果你的博客没有引入 JQuery 的话可以在插件里选择引入。

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

<div class="PandaBangumi-Content" id="PandaBangumi-Content"></div>

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

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

单独展示某一个番剧

除了把所有的追番都拉过来直接展示,插件也提供了单独展示某一个番剧的功能。

首先下载启用设置好插件,都跟上面一样。然后在任何要插入展示的地方这么写:

<div class="PandaBangumi_Board" data="【Bangumi ID】"></div>

把【Bangumi ID】替换为你要展示的番剧的 ID。这个 ID 可以在 Bangumi 网站上找到,例如高木同学这个番,只需要打开 Bangumi 上番剧的主页,网址 http://bgm.tv/subject/219200 后面那串数字就是。保存发布就好。一篇文章里可以展示多个番剧,分别都这么写就好了。

单独展示的番剧会显示比较详细的信息。点面板右上角的按钮可以显示简介。

注意事项

不一定所有主题都完美。

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

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

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

引用与参考的项目

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

插件代码部分与加载动画样式来自广树大佬eeg1412/typecho_bangumi_plugin

展示面板部分样式参考自:Typecho Theme Moricolor - 森之色

文字的抖动样式则是来自:保罗 大佬的 让你的网站文字“抖”起来

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

Tags:博客网站bangumi模板主题插件番剧代码codejsonphpjs
上一篇
打赏
下一篇

添加新评论

已有 16 条评论

 兔子裹煎蛋卷 3 星期前 • |

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

 熊猫小A 3 星期前 • |
@兔子裹煎蛋卷

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

 兔子裹煎蛋卷 3 星期前 • |
@熊猫小A

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

 兔子裹煎蛋卷 3 星期前 • |

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

 兔子裹煎蛋卷 3 星期前 • |

手机显示加载失败咋解决呀。电脑版正常

 王钢蛋 3 个月前 • |

大佬,可以用在wordpress上咩?

 熊猫小A 3 个月前 • |
@王钢蛋

这是 Typecho 插件哦,所以不可以~

 王钢蛋 3 个月前 • |
@熊猫小A

难受啊,Bangumi安装过后加载不出来弹出ParseCollection:获取失败还没有记录哦~
但是已经添加番了啊,呜呜呜,权限也给了啊(´இ皿இ`)

 熊猫小A 3 个月前 • |
@王钢蛋

能给个链接吗,我看一下?

 AUK CL 5 个月前 • |

dalao能加入B站的追番支持吗?B站用户看着手痒好想用 ::aru:shy2::

 熊猫小A 5 个月前 • |
@AUK CL

B站的话我不知道靠谱的API啊,太菜了 (ó﹏ò。)

 AUK CL 5 个月前 • |
@熊猫小A

那就只能到bangumi去一个一个点收藏了吗 ::aru:cryingface::

 熊猫小A 5 个月前 • |
@AUK CL

不失为一种方法 ::aru:clap::

 AUK CL 5 个月前 • |
@熊猫小A

太刺激了 ::aru:cryingface::