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.


相关推荐
子兮曰21 小时前
Chrome 权限元素实战:144 与 151 的渐进增强写法
前端·javascript·chrome
强尼银手21 小时前
我花一天做了个格斗游戏原型,判定全对,然后被「美术」劝退了
前端·javascript
总要学点什么1 天前
第98篇:三维特效-材质线效果——给一条线换十种材质,虚线的图案只填了一半
开发语言·前端·javascript·ecmascript·gis·webgl·材质
OpsEye1 天前
混合云 AI 架构,如何统一做敏感内容拦截?
javascript·ai编程
Funlang1 天前
给机器写的 JavaScript 造个笼子
开发语言·javascript·ecmascript
古茗前端团队1 天前
由 key 引发的思考
前端·javascript·react.js
kyriewen1 天前
我扫了 422 个仓库,近一半 CI 在裸装依赖
前端·javascript·程序员
vipxieliang1 天前
JavaScript 迭代器与生成器:控制异步与惰性求值
前端·javascript
Hilaku1 天前
Event Loop 这篇你看完就不用再看别的了!
前端·javascript·程序员
晓得迷路了1 天前
栗子前端技术周刊第 153 期 - Vitest 5.1、Remix v3.2、Node.js 27 Alpha...
前端·javascript·vite