Bilibili图床使用教程

ScaredCube
  2022-12-17 15:42:25 2022-12-17 15:42:25 Created   2024-05-19 14:20:03 2024-05-19 14:20:03 Updated  

对于图床，有很多种实现方法。例如免费图床、oss服务等。
免费图床有很多，但是大部分服务的速度都不理想（sm.ms貌似还被墙了）
所以这里介绍Bilibili图床的使用方法。(薅鼠鼠的CDN

下载PicGo

PicGo是一款很方便的图床上传工具，本身不提供图床服务

下载链接：GitHub - Molunerfinn/PicGo: A simple & beautiful tool for pictures uploading built by vue-cli-electron-builder

获取SESSDATA

  1. 打开哔哩哔哩官网 ，登录

  2. 打开浏览器开发者工具（F12或者Fn+F12)

  3. 选择应用程序 (Application) 选项卡，在存储中选择cookie，点开https://www.bilibili.com

  4. 在右侧名称中找到SESSDATA，将它的值复制下来
    image-20221217152804669

配置Bilibili图床

  1. 首先设置插件安装镜像（不然会很慢，这里使用淘宝npm镜像）

    选择PicGo设置-设置代理和镜像地址，在插件安装镜像中填入https://registry.npm.taobao.org/

  2. 选择插件设置，搜索bilibili，安装

  3. 在图床设置中找到bilibili图床，填入获取的SESSDATA

接下来就可以随便上传个照片试试了

配置Typora自动上传

Typora是一款非常好用的markdown编辑器，不用Typora的可以忽略这一步

右上角文件-偏好设置-图像
image-20221217153240754
以后在Typora上传图片就会自动上传并替换图片链接（要开着PicGo软件)

在网页中使用

bilibili图床有防盗链机制，在网页里调用需要在网页head中添加以下代码：

1
<meta name="referrer" content="no-referrer">
  • Title: Bilibili图床使用教程
  • Author: ScaredCube
  • Created at : 2022-12-17 15:42:25
  • Updated at : 2024-05-19 14:20:03
  • Link: https://sccube.link/bili_img/
  • License: This work is licensed under CC BY-NC-SA 4.0.
Comments
On this page
Bilibili图床使用教程
  1. 下载PicGo
  2. 获取SESSDATA
  3. 配置Bilibili图床
  4. 配置Typora自动上传
  5. 在网页中使用