Typro+PicGo自动上传图片(图床配置)

文章目录


  • Typro+PicGo自动上传图片(图床配置)

使用Typro编写 的markdown(md)文件如果存在图片,并且想快速发布博文的话,常使用PiGO工具配置图床服务器来管理图片。


所需工具

  1. Typora
  2. PicGo(依赖Nodejs和插件super-prefix、super-prefix)
  3. gitee账号和令牌桶

主要配置

#1. 下载安装 Nodejs(https://nodejs.org/dist/v20.10.0/node-v20.10.0-x64.msi)
#2. 安装 picGo-cmd, 可在Typora "偏好"-> 图片 -> 上传服务设定 -> 选择PicGo-core(commond line) -> 点击下载或更新,安装 picGo
#3. 打开 CMD,进入以下目录 ,执行命令安装插件
cd C:\Users\xxxx\AppData\Roaming\Typora\picgo\win64
.\picgo.exe install super-prefix
.\picgo.exe install gitee-uploader
#4. 注册gitee账号,创建仓库,生成token
#5. 在 Typora "偏好"->  图片 -> 上传服务设定 -> 选择PicGo-core (commond line)  -> 打开配置文件,修改如下:
{
  "picBed": {
    "current": "gitee",
    "uploader": "gitee",
    "gitee": {
      "branch": "master",
      "customPath": "",
      "customUrl": "",
      "path": "image",
      "repo": "用户名/repo名",
      "token": "生成的token"
    }
  },
  "picgoPlugins": {
    "picgo-plugin-gitee-uploader": true,
    "picgo-plugin-super-prefix": true
  },
  "picgo-plugin-gitee-uploader": {
    "lastSync": "2023-12-21 05:06:10"
  }
}
#6. 在Typora "偏好"->  图片 ->上传服务设定 -> 选择PicGo-core (commond line) -> 验证图片上传选项
#7. 验证成功后, 可在Typora正文中点击图片手动上传,或"偏好"-> 图片 -> 插入图片时 -> 上传图片

The End.


相关推荐
quitv19 分钟前
react脚手架配置别名
前端·javascript·react.js
Gazer_S2 小时前
【现代前端框架中本地图片资源的处理方案】
前端·javascript·chrome·缓存·前端框架
贺今宵4 小时前
通过$attrs传递的未指定名称的modelValue值在子组件中修改
前端·javascript
lifire_H8 小时前
Canvas在视频应用中的技术解析
前端·javascript·音视频
十八朵郁金香10 小时前
深入理解 JavaScript 中的 this 指向
开发语言·前端·javascript
贵州晓智信息科技10 小时前
使用 Three.js 转换 GLSL 粒子效果着色器
开发语言·javascript·着色器
linkcoco11 小时前
记录h5使用navigator.mediaDevices.getUserMedia录制音视频
前端·javascript·vue·音视频·js
Mh11 小时前
代码提交校验及提交规范的实践方案
前端·javascript·架构
昨日余光11 小时前
仅需三分钟,使用Vue3.x版本组件式风格实现一个消息提示组件!
前端·javascript·css·vue.js·typescript·html
软件开发技术深度爱好者11 小时前
验证码介绍及生成与验证(HTML + JavaScript实现)
javascript