https://github.com/xlzy520/picgo-plugin-bilibili
为 PicGo 开发的一款插件，新增了B站图床 图床。 使用用户动态的图片上传API。填写SESSDATA即可，获取方式在下面。
https://github.com/xlzy520/picgo-plugin-bilibili
bilibili bilibili-api bilibili-img picgo picgo-plugin picgobed
Last synced: 30 days ago
JSON representation
为 PicGo 开发的一款插件，新增了B站图床 图床。 使用用户动态的图片上传API。填写SESSDATA即可，获取方式在下面。
- Host: GitHub
- URL: https://github.com/xlzy520/picgo-plugin-bilibili
- Owner: xlzy520
- License: mit
- Created: 2021-06-23T03:22:25.000Z (almost 4 years ago)
- Default Branch: master
- Last Pushed: 2024-01-08T15:05:21.000Z (over 1 year ago)
- Last Synced: 2024-10-27T11:48:36.632Z (6 months ago)
- Topics: bilibili, bilibili-api, bilibili-img, picgo, picgo-plugin, picgobed
- Language: JavaScript
- Homepage:
- Size: 21.5 KB
- Stars: 71
- Watchers: 3
- Forks: 6
- Open Issues: 4
-
Metadata Files:
- Readme: README.md
- License: License
Awesome Lists containing this project
- Awesome-PicGo - picgo-plugin-bilibili
- awesome-bilibili-extra - Picgo-plugin-bilibili - 为 PicGo 开发的一款插件，新增了 B 站图床. (相关插件 / 直播脚本)
README
## picgo-plugin-bilibili
[](https://npmcharts.com/compare/picgo-plugin-smms-user?minimal=true)
[](https://www.npmjs.com/package/picgo-plugin-smms-user)
[](https://github.com/xlzy520/picgo-plugin-smms-user/blob/master/License)
为 [PicGo](https://github.com/Molunerfinn/PicGo) 开发的一款插件，新增了[B站图床](https://bilibili.com/) 图床。
使用用户动态的图片上传API。填写`SESSDATA和bli_jct`即可，获取方式在下面。
### 目录
1. [其他推荐](#其他推荐)
2. [安装](#安装)
3. [获取B站SESSDATA](#获取b站sessdata)
4. [图片样式](#图片样式)
5. [解决B站防盗链（403）](#解决b站防盗链-403)
### 其他推荐
- [浏览器插件-Bilibili图床](https://github.com/xlzy520/bilibili-img-uploader)
- [Typora插件-Bilibili图床](https://github.com/xlzy520/typora-plugin-bilibili)
### 安装
- 在线安装
打开 [PicGo](https://github.com/Molunerfinn/PicGo) 详细窗口，选择**插件设置**，搜索**bili**安装，然后重启应用即可。
- 离线安装
克隆该项目，复制项目到 以下目录：
- Windows: `%APPDATA%\picgo\`
- Linux: `$XDG_CONFIG_HOME/picgo/` or `~/.config/picgo/`
- macOS: `~/Library/Application\ Support/picgo/`
切换到新目录执行 `npm install ./picgo-plugin-bilibili`，然后重启应用即可。
### 获取B站SESSDATA
1. 登录[B站](https://www.bilibili.com/)
2. 按`F12`打开控制台
3. 找到`SESSDATA`还有`bli_jct`复制即可
### 图片样式
例如原图： https://i0.hdslb.com/bfs/album/a18a3f8d666dc19c3216bef39a092e0e60c90eb4.png
规定高宽，质量压缩: https://i0.hdslb.com/bfs/album/a18a3f8d666dc19c3216bef39a092e0e60c90eb4.png@14w_14h_1e_1c
| Type | Url |
| ------| --------|
| 原图 | baseURL/1.jpg |
| 原分辨率，质量压缩 | baseURL/1.jpg@1e_1c.jpg |
| 规定宽，高度自适应，质量压缩 | baseURL/1.jpg@104w_1e_1c.jpg |
| 规定高，宽度自适应，质量压缩 | baseURL/1.jpg@104h_1e_1c.jpg |
| 规定高宽，质量压缩 | baseURL/1.jpg@104w_104h_1e_1c.jpg |
| 原分辨率，webp格式(占用最小) | baseURL/1.jpg@104w_104h_1e_1c.webp |
| 规定高度，webp格式(占用最小) | baseURL/1.jpg@104w_104h_1e_1c.webp |
格式：(图像原链接)@(\d+[whsepqoc]_?)*(\.(|webp|gif|png|jpg|jpeg))?$
- w:[1, 9223372036854775807] (width，图像宽度)
- h:[1, 9223372036854775807] (height，图像高度)
- s:[1, 9223372036854775807] (作用未知)
- e:[0,2] (resize，0:保留比例取其小，1:保留比例取其大，2:不保留原比例，不与c混用)
- p:[1,1000] (默认100，放大倍数，不与c混用)
- q:[1,100] (quality，默认75，图像质量)
- o:[0,1] (作用未知)
- c:[0,1] (clip，0:默认，1:裁剪)
- webp,png,jpeg,gif(不加则保留原格式)
- 不区分大小写，相同的参数后面覆盖前面
- 计算后的实际w*h不能大于原w*h，否则wh参数失效
### 解决B站防盗链（403）
>B站开启了防盗链，利用的是HTTP的Referer属性做判断。如果Referer是他白名单之外的网站，就会返回403
#### 全站图片使用
在html的head标签中设置如下标志，那么全站资源引用都不会携带referrer
```html
```
#### 新窗口打开
主要设置`rel="noreferrer"`，使用`window.open`打开的话是会默认携带`referrer`的，第一次还是会403
