首先下载安装，链接如下

Typora：https://www.typora.io/
PicGo：https://molunerfinn.com/PicGo/

No.1

什么是图床?

图床就是专门用来存放图片，同时允许你把图片对外连接的网上空间，在博文中插入在线图片连接的个人图片仓库。设置图床之后，在自己博客中插入的图片链接就可以随时随地在线预览了，并且不会因为任何意外原因无法查看，除非自己亲自删除，不少图床都是免费的。

No.2

为什么使用图床呢？

Hexo是静态博客，大多数人喜欢它的主要原因可能就是不用购买服务器，通过Git Pages服务就可以完成上线部署进行展示，非常的轻便快捷并且省去服务器的开销。国内的话Coding和Gitee也提供Pages服务，能更快的提高博客的访问速度，但是我们博客不光有文字还有图片，我们大多人的图片文件都通过Hexo插件存储在了博客根目录文件中，长久以往会越来越臃肿，就算不影响博客的加载速度，那也不方便对自己的图片资源进行管理，并且使用插件Hexo-asset插入图片在写作时是看不到图片的，只有编译部署后才可以看到，这样的写作显然是不友好的。现在很多论坛和社区都已支持使用MarkDown,如果你没使用图床的情况下,你分享同一篇文章,你要在不同的平台,各自重新编辑排版一遍和上传图片。

如果我们是使用Typora，那么我们就可以尝试下PicGo这个插件了。

No.3

为什么我们要使用PicGo？

想象一下，使用Markdown编写你的博客时，插入截图是什么流程：将截图保存到本地文件夹->将图片文件上传到网络服务器中->复制图片的网络地址->在markdown中输入![](图片的网络地址），这个过程无疑是很繁琐的，而且如果你图片一多，这种过程将会是魔鬼体验。

PicGo是一款免费的图床管理应用，支持拖拽上传，剪切板上传等方式。你可以用它快捷地将图片上传到图床并获得网络链接，而且你可以设置链接格式为Markdown，这就意味着你只要直接粘贴到Markdown编辑器就可以插入图片了。

No.4

安装PicGo

访问PicGo的官方文档以了解PicGo的基本安装和使用方法。如果不想读文档的话，访问PicGo Releases直接下载你的操作系统对应的安装包并完成安装。

Github：https://github.com/Molunerfinn/PicGo

注：在安装的时候安装目录千万不能选C:\Program Files\下的任何地方，如果你不知道安装在哪里的话，选择仅为我安装，否则在设置Typora时会出现以下错误：

Copyfailed to launch PicGo app: Command failed: C:\Program Files\PicGo\PicGo.exe

No.5

设置PicGo用Gitee作为图床

先认识一下PicGo的页面，提供选择的图床还是挺多的

image

默认的没有提供Gitee图床，我们需要安装插件，点击插件设置搜索选择第一个安装，重启后再打开就有了

image

在等待安装的过程中，我们可以先移步Gitee创建一个公开的个人仓库，仓库名随意，公开的才能被外部访问。

作为图床的仓库，一定不能勾掉管理界面的在线编辑 是否允许仓库文件在线编辑选项，否则使用PicGo管理的时候会导致操作被403 Forbidden。

创建完仓库后，还要创建一个私人令牌，私人令牌是用来允许PicGo访问并更新你的仓库的，这个时候，你已经明白了PicGo的运行原理：PicGo将图片上传到你的gitee仓库，然后返回给你图片的具体地址，这样你用该地址便可以访问到位于仓库的图片了。

生成私人令牌步骤如下：访问新建Gitee令牌，在私人令牌描述中写上便于你了解该令牌用处的文字，并勾选需要的权限，PicGo要使用的私人令牌只需要user_info和projects权限，勾选上后提交，gitee将会返回私人令牌的token，保存该token，因为该token只会出现一次，离开页面过后再不会出现。

image

接下来回到Pico-Gitee图床根据属性说明填入相应选项

image

属性选项说明：

url：这里填写码云官方的网址

owner：填写你的用户名

repo：填写你的图床仓库名称

path：图片存储路径

token：填写上面教程中你设置的私人令牌

message：不需要填

No.6

Typora集成PicGo

打开PicGo软件的设置界面，进行Server的设置：

PicGo设置 -> 设置Server，开启Server，监听地址不用进行更改，监听端口的值设置为36677，这个值的获取在Typora软件中，下面会提到：

image

接下来进行Typora的设置，Typora的安装上面链接自取，打开typora软件，依次打开步骤为：文件 -> 偏好设置 -> 图像，具体配置参考下面的图中的配置：

image

接下来进行验证，看Typora是否可以成功的通过PicGo上传到图床，点击第三步图中的验证图片选项，当成功后会出现下面图中的情况

image

图中可以看出监听地址以及端口号，这个需要与PicGo的Server服务中的监听地址以及端口号一致，否则上传会失败!

No.7

使用方法

第一种

采用拖拽的方法，直接将本地图片拖拽到文章中，即可进行上传

第二种

采用插入本地图片的方法，使用快捷键Ctrl + Shift + I，选择图片路径即可

第三种

采用截图软件，我推荐大家一款软件——Snipaste，可以快速截图并进行粘贴，快捷键F1，进行截图，Ctrl + C，进行复制，Ctrl + V，进行粘贴，可以直接粘贴到文章内，然后就自动上传到图床里，如果你在电脑上登录QQ，也可以通过快捷键Ctrl + Alt + A，进行快速截图并进行复制粘贴，直接粘贴到文章中即可。

No.8

上传测试

Gitee图床与Github图床相比，Gitee图床略胜一筹，毕竟是国内的，速度相比于GitHub好一点。

缺点就是，码云虽快，但是仓库容量比Github小，可能不够用。

No.9

其他功能

有时候在上传照片前，我们想重新命名这个图片名称，或者是在上传之后我们需要给图片重新命名，这款工具就可以快速满足我们的需要，支持编辑相册的图片信息，同时更好更方便的管理我们的图片。

image

与此同时，除了单张上传外，其实还支持多张，批量上传，只需要选中多个文件，将其导入，或者拖入其中便可以了，这样再多的文件，也能够做到一次上传就能用的效果。