Typora配置图片上传 —— Gitee

250 阅读3分钟

图床一般是指储存图片的服务器。

本文的目的是将Typora文章中的图片上传到图床,很多图床都是要付费的,如果你需要免费的图床,并且对空间大小没有很大的要求,gitee是很好的选择。

1. 准备

  • Typora:主角,目的是将Typora文章中的图片上传到图床
  • Node.js:主要用于安装插件,安装完插件,去留随你,不会影响后续使用。可以自行到官方网下载(nodejs.org/zh-cn),
  • Gitee:图床

2. Typora配置

文件 --> 偏好设置 --> 图像 --> 上传服务设定 --> PicGo-Core(command line)

command line 命令行

这里PicGo-Core是图床上传工具,更直白地说,它是一个将Typora文章中的图片上传到图床的软件,可以帮我们上传到gitee。

PicGo(app)和PicGo-Core(command line)

  • PicGo.app是有可视化的界面,比PicGo-Core更易于设置
  • PicGo.app是电子应用程序,它会消耗了更多的计算资源,并且通过PicGo.app上传时,PicGo.app将始终保持运行状态,不会自动退出。使用PicGo-Core进行上传会消耗较少的计算资源,因为该过程仅在上传过程中运行,并且在上传成功或失败后退出。

image-20230727144926027

1. 下载PicGo-Core

image-20230727153900913

2. 安装插件

PicGo-Core下载完后,安装插件要进入到 C:\Users\17579\AppData\Roaming\Typora\picgo\win64 路径下安装

1. 找到文件

image-20230727154611357

2. 进入终端

地址栏输入cmd

image-20230727154611357

回车

image-20230727155047897

3. 安装命令

  • 实现图片上传插件

    .\picgo install gitee-uploader
    
  • 重命名插件,不是必须它的作用是将图片重命名为日期,这样在浏览时会好看点。

    .\picgo install super-prefix
    

image-20230727154420962

如果安装失败,可能是Node.js没有安装,可以在终端查看Node有没有安装成功

输入node -v 查看版本号,如果有版本号,说明安装成功了

image-20230727155920882

3. gitee配置

如果没有gitee账号的,要先注册个

1. 创建一个仓库

image-20230727160138834

新建仓库时设置不了开源

image-20230727160413423

2. 设置开源(必须设置)

创建好了,我们要去仓库里面设置开源,这样才可以读取到图片

image-20230727160832408

3. 获取私人令牌

头像 --> 设置

image-20230727161323473

image-20230727161839767

4. PicGo-Core配置

到 Typora 打开PicGo-Core 配置文件

image-20230727162128375

这里的配置最为关键

{
  "picBed": { //设置图床
    "uploader": "gitee", //图片上传的图床选择
    "current": "gitee", //同上,根据官网手册,可不需要
    "smms": { //smms的相关配置,需要配置的内容可以参考官网
      "token": "", //可自己去smms官网申请
      "backupDomain": "smms.app" //这个不确定
    },
    "gitee": { //设置gitee
      "branch": "master", //分支,默认就是master
      "customUrl": "", //可以不填
      "path": "", //仓库中建立的文件夹,用于存放图片,例如:"path": "img/", 我是在仓库里创建了img的文件夹
      "repo": "", //这个一定要注意,它是大小写敏感的,要和网站链接保持一致,例如:"repo": "你的gitee账号/你的仓库名字/",
      "token": "" //私人令牌,把之前复制的token粘贴进来
    }
  },
  "picgoPlugins": { //设置插件,安装完插件后默认添加的
    "picgo-plugin-gitee-uploader": true,
    "picgo-plugin-super-prefix": true
  },
  "picgo-plugin-super-prefix": { //设置super-prefix插件
    "fileFormat": "YYYYMMDDHHmmss"
  },
  "picgo-plugin-gitee-uploader": {
    "lastSync": "2023-07-27 04:21:30"
  }
}

5. 验证图片上传是否成功

image-20230727162820090

成功的样子

image-20230727163245762

参考链接