WP Manifestindependent plugin directory
manifest / integrations / kina-bilibili-integration

Kina Bilibili Integration

WordPress B站集成插件，支持个人资料、追番列表和直播状态展示，简约透明UI设计

by kina漫记 · github.com/muyi3919/kina-bilibili-integration · website

★ 2stars

Install

Download source zip No release zip yet

This is the repository archive. It installs, but the folder name will carry the branch suffix and updates will not flow.

Install straight from GitHub with WP-CLI:

wp plugin install https://github.com/muyi3919/kina-bilibili-integration/archive/refs/heads/main.zip
No built-in updater. New versions won't appear under Dashboard → Updates. Install new releases yourself, or let Git Updater track the repository.
Readme github.com/muyi3919/kina-bilibili-integration ↗

一个为 WordPress 打造的 Bilibili 集成插件，支持展示个人资料、追番列表和实时直播状态，采用简约透明 UI 设计。

✨ 特性

  • 🎀 简约透明界面 - 白色半透明卡片，适配各种主题背景
  • 🔴 实时直播状态 - 显示"直播中 - 直播间标题"，30 秒自动刷新
  • 📺 追番列表 - 展示最近追番，竖屏封面，悬停上移效果
  • 👤 完整个人资料 - 头像、等级、粉丝、关注、投稿数
  • 🔄 自动更新 - 定时任务每 5 分钟刷新直播状态
  • 🛡️ 隐私兼容 - 数据为空时提示检查 B 站隐私设置

📦 安装

1. 创建插件文件夹

在 wp-content/plugins/ 下创建：

kina-bilibili-integration/
├── kina-bilibili-integration.php
└── assets/
    ├── css/
    │   ├── bili-style.css
    │   └── admin.css
    └── js/
        ├── bili.js
        └── admin.js

2. 复制代码

将对应代码复制到每个文件中（从 Release 下载 zip 解压即可）。

3. 激活插件

进入 WordPress 后台 → 插件 → 安装插件 → 激活 "Kina Bilibili Integration"。

4. 配置 B 站 UID

进入插件设置页面（左侧菜单 B 站集成）：

  • 填写你的 B 站 UID（纯数字，从空间地址 space.bilibili.com/xxxxxx 获取）
  • 点击保存设置
  • 点击测试连接确认正常

5. 设置 B 站隐私（重要）

进入 B 站隐私设置 → 设置 → 隐私设置：

  • 公开我的关注列表
  • 公开我的粉丝列表
  • 公开我的追番列表

否则部分数据无法显示。

📝 短代码

[kina_bilibili_profile] - 完整个人资料

显示头像、等级、直播状态、粉丝/关注/投稿数、个性签名。

[kina_bilibili_profile]

效果：

  • 白色半透明卡片
  • 头像带粉色边框
  • 直播中红色 LIVE 徽章（弹跳动画）
  • 等级星级显示
  • 统计数字（关注 / 粉丝 / 投稿）
  • 个性签名
  • 访问 B 站主页按钮

[kina_bilibili_bangumi] - 追番列表

展示最近追番，竖屏封面网格。

[kina_bilibili_bangumi]

效果：

  • 最多 12 部追番
  • 3:4 竖屏封面
  • 地区、集数标签
  • 观看进度角标
  • 悬停上移 + 阴影效果

[kina_bilibili_status] - 迷你状态

紧凑状态显示，适合侧边栏或导航。

[kina_bilibili_status]

效果：

  • 小头像 + LIVE 徽章
  • 昵称 + 粉丝数
  • 直播中红色脉冲状态
  • 实时更新（30 秒轮询）

🎨 界面预览

完整资料卡片

┌─────────────────────────────────────────┐
│  [白色半透明背景]                        │
│    ┌─────┐                              │
│    │ 👤  │  用户名                       │
│    │ 🔴  │  🔴 直播中 - 标题            │
│    └─────┘  等级 LV3 ★★★☆☆☆           │
├─────────────────────────────────────────┤
│   关注      粉丝      投稿              │
│   1.2万     8.5万     156               │
├─────────────────────────────────────────┤
│  这个人很懒，什么都没有写~               │
├─────────────────────────────────────────┤
│      [ 访问B站主页 → ]                  │
└─────────────────────────────────────────┘

迷你状态

┌─────────────────────────────────┐
│ ┌──┐ 用户名                     │
│ │👤│ 8.5万 粉丝                  │
│ │🔴│ 🔴 直播中 - 标题           │
│ └──┘                             │
└─────────────────────────────────┘

追番列表

┌─────────────────────────────────────────┐
│  📺 追番列表                             │
├─────────────────────────────────────────┤
│  ┌────┐ ┌────┐ ┌────┐ ┌────┐           │
│  │    │ │    │ │    │ │    │           │
│  │ 🎬 │ │ 🎬 │ │ 🎬 │ │ 🎬 │           │
│  │    │ │    │ │    │ │    │           │
│  └────┘ └────┘ └────┘ └────┘           │
│  番剧名A  番剧名B  番剧名C  番剧名D     │
│  日本 全12集                            │
└─────────────────────────────────────────┘

🔧 常见问题

Q: 数据为空？

A: 检查 B 站隐私设置，确保相关列表已公开。如果设置了隐私保护，API 会返回空数据。

Q: 图片加载失败（403）？

A: 已修复。插件已添加 referrerpolicy="no-referrer"，避免 B 站图片防盗链拦截。

Q: 直播中状态不更新？

A: 插件每 30 秒自动刷新，也可以手动刷新页面。确保正在直播且直播间信息公开。

Q: 显示 PHP 警告？

A: 所有数组访问均已添加 isset() 检查。如果还有问题，在 wp-config.php 中设置：

define('WP_DEBUG', false);

📝 更新日志

v1.0.5

  • 卡片背景改为白色半透明，适配各种主题
  • 文字颜色适配浅色背景

v1.0.4

  • 界面简约化，去除过度设计
  • 迷你状态栏加高

v1.0.3

  • 删除视频投稿功能（B 站 API 加签名验证）
  • 界面美化

v1.0.2

  • 修复视频列表 API（改用动态接口）

v1.0.1

  • 修复 B 站图片 403（添加 referrerpolicy）

v1.0.0

  • 初始版本
  • 个人资料、追番、直播状态、迷你状态栏

👤 作者

kina漫记 - kina.ink