• Stars
    star
    242
  • Rank 167,048 (Top 4 %)
  • Language
    Go
  • License
    MIT License
  • Created over 3 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

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

typora-plugin-bilibili

哔哩哔哩图片上传, Typora插件,实现图片粘贴即可上传到哔哩哔哩,并替换链接

重要提示

由于B站相簿的上传API自身出现问题,现在切换到动态的图片API,因此需要多加一个参数csrf(为Cookie里面的bili_jct)

示例

插件客户端路径 token=0829d25Cdd19b*b1 csrf=cb397c0fbf619237

在线使用

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

Web在线版

用Go重写,产物缩小5倍体积,点击下载即可

image

之前的

image

插件下载

项目地址(求颗Star呀)

typora-plugin-bilibili

typora免费版下载

感谢

License Certificate for JetBrains All Products Pack GitHub license

开发文档

开发文档

直接使用

  1. 上一步根据自己的系统下载相应的包

  2. 获取SESSDATA: 登录哔哩哔哩→F12打开控制台→Application→Cookies→SESSDATA

  3. 获取csrf: 登录哔哩哔哩→F12打开控制台→Application→Cookies→bili_jct

  4. 进入Typora设置,选择图像Tab,插入图片时选择上传图片,然后将插件的绝对路径填入命令。如下地方,例如

     # Mac、Linux
    /Users/xxx/bilibili/typora-plugin-bilibili-macos token=你的SESSDATA csrf=你的bili_jct
    # Windows
    D:\Downloads\typora-plugin-bilibili-win.exe token=你的SESSDATA csrf=你的bili_jct

    其中很重要的后面的 token=你的SESSDATA ,没有这句的话,无法上传成功,如果发现上传失败,那应该就是SESSDATA过期了,需要手动更新

MacOS

image-20210608201909889

特别的

Macos 平台的都是需要授权该可执行文件的

  1. M1芯片的Mac,需要执行以下命令
chmod a+x ./ 文件名
  1. 非M1芯片的,设置打开方式为终端打开,尝试打开时会提示无权限,然后去系统偏好设置->通用,点击允许

Windows

填入下载的exe文件的完整路径

演示

2021-05-17.17.05.09.mov

http://i0.hdslb.com/bfs/album/34bc7b5a1bd591a1b682fec4593345e4a9e3bfe9.png

404解决方案

全站图片使用

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

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

新窗口打开

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

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

图片参数

格式:(图像原链接)@(\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(不加则保留原格式)
  • 不区分大小写,相同的参数后面覆盖前面
  • 计算后的实际wh不能大于原wh,否则wh参数失效

相似推荐

哔哩哔哩图床-Chrome插件 提供粘贴图片上传到哔哩哔哩,并进行记录管理

More Repositories

1

bilibili-img-uploader

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
Vue
367
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