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.


相关推荐
bug_kada几秒前
让你彻底明白什么是闭包(附常见坑点)
前端·javascript
光影少年几秒前
js异步解决方案以及实现原理
前端·javascript·掘金·金石计划
阿隆_趣编程9 分钟前
为了方便相亲,我用AI写了一款小程序
前端·javascript·微信小程序
EndingCoder21 分钟前
Electron 跨平台兼容性:处理 OS 差异
前端·javascript·electron·前端框架·node.js·chrome devtools
zhong liu bin36 分钟前
Vue框架技术详解——项目驱动概念理解【前端】【Vue】
前端·javascript·vue.js·vscode·vue
前端 贾公子1 小时前
ElementUI 中 validateField 对部分表单字段数组进行校验时多次回调问题
前端·javascript·elementui
棒棒的唐1 小时前
vue2 elementUI 登录页面实现回车提交登录的方法
前端·javascript·elementui
知识分享小能手1 小时前
React学习教程,从入门到精通,React 使用属性(Props)创建组件语法知识点与案例详解(15)
前端·javascript·vue.js·学习·react.js·前端框架·vue
摸鱼的春哥2 小时前
前端程序员最讨厌的10件事
前端·javascript·后端
牧羊狼的狼6 小时前
React 中的 HOC 和 Hooks
前端·javascript·react.js·hooks·高阶组件·hoc