工具使用篇–typora+picGo实现图片上传

工具使用篇–typora+picGo实现图片上传

一、介绍

众所周知，一篇优秀的博文的必要条件就是拥有美轮美奂的图片。然而在使用typora编写markdown文件时，图片总是保存在本地，上传到国内博文平台时总是需要一张张的上传，非常的麻烦。所以此次教程就是用typora+picGo实现图片的一键上传，真正的解放双手，让我们一起动起来吧~

---

二、配置教程

1. 安装PicGo

工欲善其事必先利其器，PicGo下载地址，飞机直达

本次的教程安装的是PicGo-2.3.0，如果有后续的版本出来，其安装的方法应该也是大同小异

下载之后，就双击安装了。（**请注意：**安装PicGO的路径必须要没有中文，最好没有空格。听别人说安装路径有中文可能会出现上传失败的错误，反正我是没有遇见过~~）

安装好并且运行PicGo之后,就要开始配置啦，这关系到上传成功的与否，因此是重中之重~

2. Typora配置

打开Typora,依次打开文件 > 偏好设置 > 图像.

在插入图片时选择复制图片到/${filename}.assets文件夹,；理论上来说，打上箭头的三个选项都是可以的~

之后在上传服务中，选择PicGo（app）,然后在下方选定PicGo路径~

3. 常见错误

3.1 failed to fetch

错误原因：Typora和PicGo设置的端口不一致

修改办法：

• 打开PicGo配置界面

  

• 找到PicGo配置

  

• 设置Server,检查地址和端口是否和typora一致

  

  

  

  发现picGo设置的端口是36678，和typora设置的不一样，因此，将PicGo-Server的端口改成36677即可。

  3.2 上传失败

  

  

  这是因为你没有设置正确的图床导致的，你看可以打开PicGo的图床设置查看，发现里面的token为空。

  

那么怎么设置呢？本次教程带你设置github图床~~~

4. 设置GitHub图床

• 打开Github，创建账号，登录不必说了~

• 创建一个名称为Image的仓库

  

• 准备token

  1. 打开setting

     

  2. 找到 Developer setting,点击

     

  3. 打开Personal access token

4. 点击Generate new token

   

5. 填上任意的Note,并且select scopes全选。

   

6. 点击Generate token

   

7. 复制token，然后再设置PicGo。

   

设置PicGo的GitHub图床

1. 找到PicGo的github图床

2. 开始设置

   设定仓库名：用户名/Image

   设定分支名：master

   设定token：填写你刚才复制的token

   指定存储路径：BlogImage（这里随便填写，等一下在Image创建一个目录名就可以了~）

   设定自定义域名：https://raw.githubusercontent.com/（这里填写你的用户名）/Image/master

3. 点击设为默认图床

   

之后就能够发现，图片就能够正确上传了~

5. 图片批量上传

点击格式>图像>上传所有本地图片，然后等待，即可将所有的本地图片url替换成网络url.

---

三、写在最后

​ 本人是一枚小萌新，难免有很多地方有错漏，如果能够不吝赐教，本人表示衷心感谢~

最后，如果有志同道合的朋友想一起讨论的，请加QQ群【662151913】萌新AI的入坑之旅