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.


相关推荐
虚惊一场3 分钟前
把 CodeMirror 6 调教成 Markdown 编辑器:扩展、装饰与门面
前端·javascript·vue.js
虚惊一场14 分钟前
一条 Markdown 渲染管线的全部细节:Worker、源行标注与按需加载
前端·javascript·vue.js
YIAN2 小时前
大模型总 "胡说八道"?用 LangChain.js 从零实现 RAG 语义检索系统
javascript·langchain
sugar__salt3 小时前
Vue.js 前置知识:ES6+ 核心特性完全指南
前端·javascript·vue.js·vue·es6
人间凡尔赛5 小时前
世界模型入门实战:从RTFM到理解物理世界 | 2026深度技术解析
javascript·人工智能·深度学习·机器学习
大家的林语冰5 小时前
🫡 见证历史,TypeScript 7 重写成功,VS Code 原地起飞,GitHub 第一语言联手 Go 破而后立!
前端·javascript·typescript
এ慕ོ冬℘゜6 小时前
手写 JQuery 顶部 Toast 弹窗|成功/失败提示组件(可直接复用)
前端·javascript·jquery
Hilaku6 小时前
为什么很多人觉得前端很简单?
前端·javascript·程序员
李明卫杭州6 小时前
Vue2 数组响应式为什么总"不更新"?深入源码对比 Vue3 的 Proxy 改造
前端·javascript·vue.js
艾伦野鸽ggg7 小时前
JavaScript 浏览器本地存储
开发语言·javascript·ecmascript