Typora 完美结合 PicGo 图片自动上传图床

1,536 阅读2分钟

Markdown 必然离不开 Typora,但是之前写文章没有插入过图片,因为 Typora 本身不支持图床。但是准备学算法的时候感觉一图胜千言,所以决定捣鼓一下图床这个东西。

在网上找到的大部分的解决方案都是基于 MacTypora + iPic,奈何我是个 windows 党。

因为上述原因,所以就产生了这篇教程。

windows 设置 PicGo

下载

进入 Typora 最新版本,文件 -> 偏好设置 -> 图像,上传服务设定中的上传服务选择 PicGo(app),然后点击下载 PicGo(app)

image-20210820220814774

版本要求

PicGo 2.2.0 及以上。

设置 PicGo-Server

2.2.0 版本之后,PicGo 内部会默认开启一个小型服务器,用于配合其他应用来调用 PicGo 进行上传。

进入 PicGo 设置 -> 设置 Server。设置内容如下

image-20210820214747389

Typora 设置

版本要求

Typora 0.9.84 及以上

设置

文件 -> 偏好设置 -> 图像。设置内容如图

image-20210820215009276

PicGo 路径需要选择自己电脑的本地路径

mac 设置 PicGo

创建 gitee 仓库

  1. 默认是私有的
  2. 在管理 - 仓库设置 - 基本信息 中,修改“是否开源”为“开源”,并勾选3个承诺
  3. 点击头像 – 设置 – 安全设置 — 私人令牌,生成新令牌 Token,将生成好的令牌 Token 复制保存好,下面会用到。

注意令牌Token只会出现一次,务必要保存下来

PicGo 安装

  1. PicGo 官网 下载最新版安装包

  2. 安装完成后,打开详细窗口,在插件中搜索并安装 gitee-uploader 插件

  3. 在图床设置中选择 gitee:

    • repo: 输入码云创建的库地址(不包含域名: gitee.com/)
    • branch: 默认为 master 分支
    • token: 创建仓库时生成的 token
    • path: 仓库中图片文件保存的文件夹名称(例如img文件夹)
  4. 并点击设为默认图床。

设置 Typora 图片自动上传

  1. 在设置 - 图像中:

    • 插入图片时选项中选择上传图片
    • 上传服务设定选项中选择 PicGo.app 选项
  2. 设置好了以后,你可以点击“验证图片上传选项”来验证typora是否能成功将图片上传到图床。

经过上面的设置后,在 typora 中插入图片时,typora 会自动将图片上传到 gitee 图床,并在文章中插入该图片在图床上的 url 地址。

验证

设置完成之后可以点击 验证图片上传选项 即可验证是否配置成功,出现下图即为成功

image-20210820215313737

使用方式

  1. 拖拽
  1. 编辑器内插入,快捷键 Ctrl + shift + I 即可调出插入图片功能
  1. 复制粘贴,可以复制已有图片也可以截图后直接粘贴

第一点和第二点会自动上传,第三点是需要手动点击上传

图库

所有上传的图片都可以在 PicGo 的相册中找到

image-20210820215504315

齐活

可以愉快的干事情了~