今天推荐一个免费的图床：哔哩哔哩（Bilibili图床）

它使用用户动态的图片上传API。填写SESSDATA和bli_jct即可，获取方式如下。

获取B站SESSDATA

  1. 登录B站
  2. 按F12打开控制台
  3. 找到SESSDATA还有bli_jct复制即可

然后进入下一环节：

安装

  • 在线安装

    打开 PicGo 详细窗口，选择插件设置，搜索bili安装， ~~ 然后重启应用即可 ~~无需重启应用即可使用。

  • 离线安装

    克隆该项目，复制项目到 以下目录：

    • Windows: %APPDATA%\picgo\
    • Linux: $XDG_CONFIG_HOME/picgo/ or ~/.config/picgo/
    • macOS: ~/Library/Application\ Support/picgo/

    切换到新目录执行 npm install ./picgo-plugin-bilibili，然后重启应用即可。

图片样式

例如原图： https://i0.hdslb.com/bfs/face/d91ddc4a53daa5c83302ce77cbb3e746a5e0aafb.png

规定高宽，质量压缩: https://i0.hdslb.com/bfs/face/d91ddc4a53daa5c83302ce77cbb3e746a5e0aafb.png@14w_14h_1e_1c

Type Url
原图 baseURL/1.png
原分辨率，质量压缩 baseURL/1.png@1e_1c.png
规定宽，高度自适应，质量压缩 baseURL/1.png@104w_1e_1c.png
规定高，宽度自适应，质量压缩 baseURL/1.png@104h_1e_1c.png
规定高宽，质量压缩 baseURL/1.png@104w_104h_1e_1c.png
原分辨率，webp格式(占用最小) baseURL/1.png@104w_104h_1e_1c.png
规定高度，webp格式(占用最小) baseURL/1.png@104w_104h_1e_1c.png

格式：(图像原链接)@(\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参数失效

解决B站防盗链（403）

B站开启了防盗链，利用的是HTTP的Referer属性做判断。如果Referer是他白名单之外的网站，就会返回403

全站图片使用

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

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

这个标准比较新，老浏览器可能支持不太好，可以改成这个，兼容性比新标准好：

1
<meta name="referrer" content="never">

新窗口打开

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

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