为wp博客添加html网页,WordPress博客添加B站追番页面

本模版基于B站API制作追番页面,适用于WordPress,并已完成Sakura主题CSS适配。用户只需下载相应文件,配置个人信息,即可轻松建立自己的追番列表。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

Mashiro大佬博客也有追番页面,但是基于 Bangumi api 的太麻烦了,于是基于B站API写了一个追番页面模版,此模板理论适用于所有 WordPress 主题,但我只做了 Sakura 主题的 CSS 适配,其他主题请自行修改 CSS 吧~

本模板有参考 @TaylorLottner 的开源项目,在此感谢小姐姐相助。

PS:这东西有大佬开发出了插件还支持A站 AcFun&BiliBili 追番统计插件WordPress版发布。

项目

开工下载本项目,将 json 整个目录扔到你的站点根目录,将 page-anime.php 和 page-movie.php 文件扔到你的WP主题根目录。

按照注释,修改 json 里的 bilibiliAcconut.php 文件,填入你的信息(参考下方获取你的信息)。

763257d5af549b4afbbc5525dd8637ea.png

最后在 WP后台 新建页面时选择相应的模板,创建页面即可。

获取信息

获取B站UID

打开哔哩哔哩,登入后进入个人空间,红框处为你的 B站UID【不要忘记把番剧设置成公开哦~】

e0124bf74f532c01315f693cd62f5638.png

获取B站Cookie

登入后进入个人空间,按 F12 进入浏览器调试工具,打开 Network 再次刷新页面,找到与你 UID 相同的文件并打开,找到 cookie 一栏,完全复制,每个人的 Cookie 都不一样,建议用浏览器的 无痕模式 操作,这里用谷歌浏览器演示,如下图:

1844c55617acb3caf6c28917828c8ed9.png

举例:_uuid=XXXXXXX-XXXX-XXXX-XXXX-82C16AFEC65E68468infoc; buvid3=8A0CA4AF-XXXX-XXXX-XXXX-8357010EB5F3155827infoc; sid=iwqx36hz; DedeUserID=8142789; DedeUserID__ckMd5=02832b48fef34f47; SESSDATA=fed39455%2C1606203773%2C8731e*51; bili_jct=58ba9ab942399022c6d85195c26f15e3

补充说明

得知B站的防盗链根据 referrer 来判断请求是不是来自B站,那好办了在 head 中添加一行代码,把 referrer 去掉就行【加在追番模版的 get_header(); ?> 下面就行了,我的修改版已经添加~】

效果预览

二开版

bbb1edcb909a9ecbfd92ac4e8ef63246.png

原版

f308f57d324b1f0b952a1c7479a07c8a.png

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值