执笔看墨花开💜千千 执笔看墨花开💜千千
首页
  • JavaScript
  • Vue
  • React
  • HTML
  • CSS
  • 算法
  • 工具教程
  • 面试题清单
  • 大前端
  • HTML
  • CSS
  • JS
  • Vue
  • React
  • 零碎
  • 杂言碎语
  • 前端
  • 工具
  • 设计 & CSS
  • 社区 & 平台 & 博客
  • 网站
  • 推荐库
  • 值得一读
  • 分类
  • 标签
  • 归档
  • 心情杂货
  • 友情链接
  • 关于
GitHub (opens new window)

执笔看墨花开

顺其自然
首页
  • JavaScript
  • Vue
  • React
  • HTML
  • CSS
  • 算法
  • 工具教程
  • 面试题清单
  • 大前端
  • HTML
  • CSS
  • JS
  • Vue
  • React
  • 零碎
  • 杂言碎语
  • 前端
  • 工具
  • 设计 & CSS
  • 社区 & 平台 & 博客
  • 网站
  • 推荐库
  • 值得一读
  • 分类
  • 标签
  • 归档
  • 心情杂货
  • 友情链接
  • 关于
GitHub (opens new window)
  • JS文章

  • Vue文章

  • 跨端开发

  • React文章

  • 杂文

    • Webstorm排查插件问题
    • 为什么前端监控要用GIF打点
    • Bilibili短链生成器
    • Typora Bilibili图床插件
      • 防盗链那些事之referer
      • 获取B站SESSDATA
      • serverless+webpack解决node_modules空间大的问题
      • SPA单页应用直接使用百度统计
      • 先concat再去重引发的性能问题
      • 利用引用与时间戳解决一次性能问题
      • 批量新建工作项界面卡顿
      • 大用户数量加载慢分析
    • CSS

    • 前端
    • 杂文
    执笔看墨花开
    2021-05-18

    Typora Bilibili图床插件

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

    # 项目地址(求颗Star呀)

    typora-plugin-bilibili (opens new window)

    # 使用

    1. 获取nodejs的路径,Mac下使用which node
    $ which node
    /Users/xxx/.nvm/versions/node/v14.16.0/bin/node
    
    1
    2
    1. 替换upload.sh中的node路径

    2. 获取index.js的绝对路径,替换upload.sh中的indexjsPath路径

    3. 获取SESSDATA并替换index.js中第16行的Cookie

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

    4. npm i或者yarn或者pnpm i

    5. 配置Typora,打开Typora设置,选择图像Tab,填入

    # 后面的是shell脚本的路径
    /bin/bash /Users/xxx/Documents/webstormProjects/typora-plugin-bilibili/upload.sh
    
    1
    2

    # 自定义图床

    如果想要上传到其他的图床或者接口,可以直接修改index.js里面的逻辑,代码挺简单的

    # 演示

    https://user-images.githubusercontent.com/28336270/118472778-d3d77b80-b73b-11eb-951a-7efb1e5bf15f.mov

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

    # 相似推荐

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

    编辑 (opens new window)
    #工具#作品
    上次更新: 2021/05/26, 19:00:33
    Bilibili短链生成器
    防盗链那些事之referer

    ← Bilibili短链生成器 防盗链那些事之referer→

    最近更新
    01
    Vue2
    08-26
    02
    JS编程题
    08-26
    03
    前言
    08-26
    更多文章>
    Theme by Vdoing

    © 2021-2021 执笔看墨花开

    粤ICP备2021110554号
    • 跟随系统
    • 浅色模式
    • 深色模式
    • 阅读模式
    ×