【个人博客网站】Typora + B站 = 高速图床

本文最后更新于 1 年前,文中所描述的信息可能已发生改变。

工具

版本的选择

根据自己的系统下载相应的包

image-20230908122444107

插件的使用

详细文档:https://github.com/xlzy520/typora-plugin-bilibili/blob/master/README.md

获取SESSDATA

将下载好的程序放好,打开浏览器

登录哔哩哔哩→F12打开控制台→Application(应用)→Cookies→SESSDATA

image-20230908125137924

获取csrf

登录哔哩哔哩→F12打开控制台→Application→Cookies→bili_jct

image-20230908125304241

Typora设置

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

绝对路径

shell
# 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

相对路径

shell
# Mac、Linux
./typora-plugin-bilibili-macos token=你的SESSDATA csrf=你的bili_jct
# Windows
./typora-plugin-bilibili-win.exe token=你的SESSDATA csrf=你的bili_jct

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

WARNING注意

相对路径需要将插件放在Typora安装目录下

image-20230908125915849

Mac平台说明

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

  1. M1芯片的Mac,需要执行以下命令

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

404解决方案

全站图片

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

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

新窗口打开

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

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

Q.E.D.
永久免费域名白嫖——eu.org
使用Replit平台免费搭建GitHub下载反代