前言

无意间在冲浪时看到这个功能，个人非常喜欢，所以就想把它应用在自己的博客上。

本篇文章全部参考：WordPress博客添加B站追番页面 – 雾时之森 (fairysen.com)

为防止原文失效，所以复制操作方法进行留样。

注意：由于原项目只做了Sakura主题的 CSS 适配，直接应用于Argon主题存在不适配的情况，所以请做开发的朋友在原项目的基础上做了部分修改，修改内容全部做了注释。

Alist网盘下载：https://alist.xmhweb.cn/BaiduDisk/bilibili.zip

效果图如下（登录的用户无法加载出图片，原因未知）：

操作步骤

• 下载本项目，将 json 整个目录扔到你的站点根路径：/www/wwwroot/MyBlog，将 page-anime.php 和 page-movie.php 文件放到你的主题根路径：/www/wwwroot/MyBlog/wp-content/themes/argon-theme-master，这两个文件会新建两个页面模版。
• 按照注释，修改 json 里的 bilibiliAcconut.php 文件，填入你的信息（参考下方获取你的信息）。
• 最后在 WP后台新建页面时选择相应的页面模板，创建页面即可。

获取信息

获取B站UID

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

获取Cookie

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

相关链接