• Stars
    star
    367
  • Rank 116,257 (Top 3 %)
  • Language Vue
  • License
    MIT License
  • Created about 5 years ago
  • Updated 12 months ago

Reviews

There are no reviews yet. Be the first to send feedback to the community and the maintainers!

Repository Details

Chrome/Firefox/Edge Extension bilibili img uploader。哔哩哔哩图床上传插件.https://chrome.google.com/webstore/detail/b%E7%AB%99%E5%9B%BE%E5%BA%8A/domljbndjbjgpkhdbmfgmiclggdfojnd?hl=zh-CN

B站图床、短链(Firefox、Chrome、Edge)

哔哩哔哩图床插件,速度快,多种图片压缩格式选择,自动读取Bilibili的Cookie,不再需要手动输入。 基于vitesse-webext 重构

在线安装

Chrome、Edge

Firefox

在线使用

假如有需要使用Web版本的图床上传工具,那么可以使用这个地址,但是需要填写自己B站的SESSDATA和bili_jct,如果您有顾虑,还是建议使用客户端版

Web在线版

本地安装

下载

安装步骤

  1. 进入拓展程序,可以通过地址栏输入chrome://extensions/,也可以从 更多工具->拓展程序进入
  2. 右上角开启开发者模式
  3. 左侧点击 加载已解压的拓展程序,然后选择上面下载好的压缩包解压后的文件夹即可。

本地开发(支持热更新)

  1. 执行npm i或者pnpm i, 执行npm run devpnpm run dev
  2. 上一步(安装步骤)将文件夹选择为extension文件夹

构建

执行npm run buildpnpm run build

截屏

哔哩哔哩上传接口返回格式

{
    "code": 0,
    "message": "success",
    "data": {
        "image_url": "http://i0.hdslb.com/bfs/album/104c4f1ae6b66d78a5952a191281ec7883dc5c5c.jpg",
        "image_width": 818,
        "image_height": 1000
    }
}

图片样式

Type Url
原图 baseURL/1.jpg
原分辨率,质量压缩 baseURL/[email protected]
规定宽,高度自适应,质量压缩 baseURL/[email protected]
规定高宽,拉伸,质量压缩 baseURL/1.jpg@104w_104h_2e.jpg
规定高宽,裁剪,质量压缩 baseURL/1.jpg@104w_104h_1c.jpg
原分辨率,webp格式(占用最小) baseURL/[email protected]

格式:(图像原链接)@(\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:不保留原比例)
  • p:[1,100] (默认100,放大倍数)
  • q:[1,100] (quality,默认75,图像质量)
  • o:[0,1] (作用未知)
  • c:[0,1] (clip,0:默认,1:裁剪)
  • webp,png,jpeg,gif(不加则保留原格式)
  • 不区分大小写,相同的参数后面覆盖前面
  • 计算后的实际wh不能大于原wh,否则wh参数失效
  • 1c、2e混用取2e,和0e、1e混用取1c
  • w、h混用,则只取宽w,除非指定裁剪1c
  • p和w、h混用,则计算指定宽高后的缩放
  • 参数为0则相当于不写,例如1.jpg@104w_0e.jpg[email protected]是一样的

防盗链解决方案

全站图片使用

在html的head标签中设置如下标志,那么全站资源引用都不会携带referrer

<meta name="referrer" content="no-referrer">

单个图片使用

<img src="xxx" referrerpolicy="no-referrer" >

新窗口打开

主要设置rel="noreferrer",使用window.open打开的话是会默认携带referrer的,第一次还是会403

<a rel="noreferrer" target="_blank"></a>

感谢

本项目得到以下项目的支持与帮助,在此表示衷心的感谢!

More Repositories

1

typora-plugin-bilibili

Typora粘贴图片自动上传到Bilibili图床,也可以自定义修改成任意其他图床接口。使用教程:https://b23.tv/urxCc3
Go
242
star
2

uniapp-tailwind-uview-starter

利用uniapp+tailwindcss 3.x+uview 1.x+vue-cli搭建的一套基础模板,可以使用Webstorm或者vscode开发。集成miniprogram-ci自动部署
JavaScript
107
star
3

picgo-plugin-bilibili

为 PicGo 开发的一款插件,新增了B站图床 图床。 使用用户动态的图片上传API。填写SESSDATA即可,获取方式在下面。
JavaScript
72
star
4

bili-short-url

哔哩哔哩短链生成器。将B站站内链接转化为Bilibili短链,例如:https://b23.tv/F78kbY
HTML
70
star
5

picgo-plugin-smms-user

a plugin for picgo for SM.MS
JavaScript
41
star
6

scenery

景你所见(小程序已上线), 定位信息,天气,地图景点标注,云开发,云函数,小程序
Vue
28
star
7

CloundDisk3.0

云盘系统,包含文件操作以及文本、图像、markdown、xmind、code的编辑,zip的前端预览解压,office的预览编辑。with vue-cli 3
Vue
22
star
8

exam-score-reporter

考试成绩记录分析小程序, 记录每次考试成绩,自定义科目,通过可视化图表分析
JavaScript
18
star
9

baby-life

私密朋友圈小程序(云开发),做一个自己的树洞(宝宝生活)
Vue
13
star
10

bilibili-lottery-tool

哔哩哔哩(bilibili)评论区抽奖工具,可以去重,查看抽奖的人是否关注自己
JavaScript
9
star
11

wx-qq-music

JavaScript
8
star
12

vite-tailwind-vue2-vue3-starter

vite和tailwind.css的基础模板, 基于Vue2或者Vue3,引入自定义图标集
Vue
7
star
13

qingganfenxi

情感分析
Vue
6
star
14

bili-register-time

根据 API 获取到的数据粘贴进来,生成格式化好的B站注册时间。
HTML
6
star
15

serverless-webpack-template

利用webpack打包nodejs生成让serverless运行的资源。主要解决serverless需要上传node_modules导致占用空间过大的问题。成为我用来部署一些接口的利器模板。https://service-ijd4slqi-1253419200.gz.apigw.tencentcs.com/release/test
JavaScript
6
star
16

translater

通过方法计算出token,调用Google翻译API(Calculate the token of api by method, call the Google Translate API)
JavaScript
5
star
17

ones-helper

Browser Extension For ONES。ONES团队浏览器效率插件。
Vue
4
star
18

fe-playground

前端相关的所有练习与试验
JavaScript
4
star
19

lvjiali

照片墙应用,提供照片查看、上传、评论功能,给妹妹写的一个用于初中同学班级照的网站。Vite+React+Viewer.js+Valine
SCSS
4
star
20

free-sms-aliyun

Open Free SMS。免费使用的阿里云短信资源
3
star
21

hamibot-scripts

我的hamibot脚本集合
JavaScript
3
star
22

jquery-in-react-in-vue

Vue里面套React,React里面套JQuery
JavaScript
3
star
23

ymzx-moniqi

元梦之星福利领取模拟器
Vue
3
star
24

scheduling

Vue
2
star
25

todo-koa-app

JavaScript
2
star
26

nestdisk-be

网盘项目后端,Koa、mysql,功能:登录注册,加密,hash计算,文件分享,用户、文件管理。课程设计、作业
JavaScript
2
star
27

vue-todo-team

一个TODO系统,包含个人的待办事项还有团队的代办事项,后台使用KOA
CSS
2
star
28

hello-vue3

Vue
2
star
29

H5-zhanfeng

战风-HTML5版 15X15
JavaScript
1
star
30

jiyun

模仿华之星集运
HTML
1
star
31

zhibi-navigation

使用vite+vue3+leancloud开发的网址导航网站
1
star
32

Driving-license-identification

Driver's license identification。中国行驶证图片识别,百度api。
JavaScript
1
star
33

postcss-tailwind-mp

JavaScript
1
star
34

netdisk

简单的网盘分享、加密,登录注册,hash值计算,课程设计、作业
Vue
1
star
35

nodejs-mysql-mall

express+mysql的商城后台,前端部分:https://github.com/xlzy520/mall-admin-FE
PLpgSQL
1
star
36

funky-music

将QQ音乐、网易云音乐和虾米音乐上的歌添加到一个列表来播放,前后端.React16, express
JavaScript
1
star
37

bilibili-img-uploader-Action-Test

Vue
1
star
38

mall-admin-FE

express+mysql的商城后台管理系统的前端部分,后端部分:https://github.com/xlzy520/nodejs-mysql-mall
Vue
1
star
39

antv-x6-app-dag

TypeScript
1
star
40

antd-less-to-css-variable

JavaScript
1
star
41

repair-report

Uniapp报修小程序,包含视频、图片上传处理
Vue
1
star
42

responsive-blog

响应式博客
HTML
1
star
43

mofa-manager

Vue
1
star
44

md-file-tree-enhanced

生成文件目录列表到Markdown文件中,可以设置过滤的文件后缀名,或自定义目录名、文件名。Generate a file directory list into the Markdown file, you can set the filtered file suffix name, or customize the directory name and file name。
TypeScript
1
star
45

chrome-extension-boilerplate-vite

A Chrome Extensions boilerplate using Vite
Vue
1
star