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.


相关推荐
xkxnq1 小时前
第二阶段:Vue 组件化开发(第 16天)
前端·javascript·vue.js
Van_Moonlight1 小时前
RN for OpenHarmony 实战 TodoList 项目:空状态占位图
javascript·开源·harmonyos
xkxnq1 小时前
第一阶段:Vue 基础入门(第 15天)
前端·javascript·vue.js
BBBBBAAAAAi3 小时前
Claude Code安装记录
开发语言·前端·javascript
源码获取_wx:Fegn08953 小时前
基于 vue智慧养老院系统
开发语言·前端·javascript·vue.js·spring boot·后端·课程设计
Jing_Rainbow4 小时前
【 前端三剑客-37 /Lesson61(2025-12-09)】JavaScript 内存机制与执行原理详解🧠
前端·javascript·程序员
UIUV4 小时前
模块化CSS学习笔记:从作用域问题到实战解决方案
前端·javascript·react.js
Kakarotto4 小时前
使用ThreeJS绘制东方明珠塔模型
前端·javascript·vue.js
donecoding4 小时前
TypeScript `satisfies` 的核心价值:两个例子讲清楚
前端·javascript
Van_Moonlight4 小时前
RN for OpenHarmony 实战 TodoList 项目:顶部导航栏
javascript·开源·harmonyos