Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/lonelyion/bilibili-stats-badges
b站小徽章
https://github.com/lonelyion/bilibili-stats-badges
Last synced: about 2 months ago
JSON representation
b站小徽章
- Host: GitHub
- URL: https://github.com/lonelyion/bilibili-stats-badges
- Owner: lonelyion
- License: mit
- Created: 2021-07-31T18:05:37.000Z (over 3 years ago)
- Default Branch: master
- Last Pushed: 2022-12-06T04:00:42.000Z (about 2 years ago)
- Last Synced: 2024-08-01T02:29:33.802Z (4 months ago)
- Language: JavaScript
- Homepage: https://bilistats.lonelyion.com
- Size: 55.7 KB
- Stars: 24
- Watchers: 2
- Forks: 3
- Open Issues: 1
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
- awesome-bilibili-extra - Bilibili-stats-badges - Bilibili 状态徽章. (其他 / 直播脚本)
README
# Bilibili Stats Badges
Bilibili状态徽章，可用于网站、README等地方进行显摆（划掉）展示自己的B站账号信息。
## 目录
+ [关系状态数徽章](#关系状态数徽章)
+ [UP主状态数徽章](#UP主状态数徽章)
+ [用户信息徽章](#用户信息徽章)
+ [附加参数](#附加参数)
+ [混搭参数](#混搭参数)
+ [调试和部署](#调试和部署)
+ [TODOs](#TODOs)
## 关系状态数徽章
### 粉丝数
显示**有多少人关注你**
链接: `https://bilistats.lonelyion.com/followers?uid=[你的UID]`
HTML: `
`
Markdown: ``
### 关注数
显示**你关注了多少人**
链接: `https://bilistats.lonelyion.com/following?uid=[你的UID]`
HTML: `
`
Markdown: ``
## UP主状态数徽章
### 视频播放量
显示**所有视频投稿的播放数总和**
链接: `https://bilistats.lonelyion.com/views?uid=[你的UID]&type=video`, 其中`&type=video`可有可无
HTML: `
`
Markdown: ``
### 专栏阅读量
显示**所有专栏投稿的阅读数总和**
链接: `https://bilistats.lonelyion.com/views?uid=[你的UID]&type=article`
HTML: `
`
Markdown: ``
### 获赞数
就个人空间里那个获赞数，我也不知道算哪些的总和
链接: `https://bilistats.lonelyion.com/views?uid=[你的UID]&type=likes`
HTML: `
`
Markdown: ``
## 用户信息徽章
### 用户等级
不会还有人不是B站6级用户吧
链接: `https://bilistats.lonelyion.com/level?uid=[你的UID]`
HTML: `
`
Markdown: ``
### 直播间开播状态
就很简单的在不在播，这个UID也是用户ID不是直播间号
链接: `https://bilistats.lonelyion.com/live_status?uid=[你的UID]`
HTML: `
`
Markdown: ``
## 附加参数
### color
改变徽章**右侧**的颜色，支持CSS颜色名字或十六进制数字
> 默认值: `blue`
| 参数 | 外观 |
| --- | --- |
| `?color=red` |  |
| `?color=0a8b9d` |  |
### style
改变徽章的样式，支持以下几种外观
> 默认值: `flat-square`
| 参数 | 外观 |
| --- | --- |
| `?style=plastic` |  |
| `?style=flat` |  |
| `?style=flat-square` |  |
| `?style=for-the-badge` |  |
| `?style=social` |  |
### label
改变徽章的标签，特殊字符（如空格）最好使用[URL编码转换](https://www.bejson.com/enc/urlencode/)
> 默认值: `Bilibili 粉丝数`等上面文档显示的那样
| 参数 | 外观 |
| --- | --- |
| `?label=粉丝数` |  |
| `?label=B站%20粉丝数` |  |
| `?label=直播` |  |
### label_color
改变徽章**左侧**的颜色，支持CSS颜色名字或十六进制数字
> 默认值: `grey`
| 参数 | 外观 |
| --- | --- |
| `?label_color=magenta` |  |
| `?label_color=33ab06` |  |
### logo_color
改变徽章**左侧**的颜色，支持CSS颜色名字或十六进制数字
> 默认值: `grey`
| 参数 | 外观 |
| --- | --- |
| `?logo_color=green` |  |
| `?logo_color=cf34eb` |  |
### format
改变数字的格式，支持`none`, `commas`, `short`
> 默认值: `none`
| 参数 | 外观 |
| --- | --- |
| `?format=none` |  |
| `?format=commas` |  |
| `?format=short` |  |
## 混搭参数
通过对url参数的组合，可以同时生效多个样式，例如
| 参数 | 外观 |
| --- | --- |
| `?style=social&label=关注` |  |
| `?label=播放量&style=for-the-badge&color=3d3d3d&format=commas` |  |
| `?label=获赞&style=for-the-badge&color=blue&label_color=00a1d6&logo_color=white` |  |
## 调试和部署
### 调试
调试需要安装和配置好NodeJS 14以上版本以及[Vercel CLI](https://vercel.com/cli)。
clone本项目后
```sh
npm install 或 yarn
vercel dev
```
即可在本地运行Vercel Serverless Functions环境，并且可以自动反馈文件修改。
### 部署
目前本项目仅支持部署到Vercel，也欢迎移植到其他平台。
[](https://vercel.com/new/clone?repository-url=https%3A%2F%2Fgithub.com%2Flonelyion%2Fbilibili-stats-badges&env=SESSDATA&envDescription=%E9%9C%80%E8%A6%81B%E7%AB%99%E7%99%BB%E5%BD%95%E7%9A%84SESSDATA%EF%BC%8C%E8%8E%B7%E5%8F%96%E6%96%B9%E6%B3%95%E5%8F%AF%E4%BB%A5%E5%8F%82%E8%80%83%E8%BF%99%E4%B8%AA%E9%93%BE%E6%8E%A5&envLink=https%3A%2F%2Fwww.bilibili.com%2Fread%2Fcv12349604)
点击上方按钮一键部署至Vercel，需要的环境变量已在部署步骤`Configure Project`中说明。
## TODOs
+ 支持更多的字段信息
+ 对一些只有两个值的信息（例如直播状态：`未开播`与`已开播`），增加两个color的支持以对应不同的状态