Gitee + PicGo搭建图床 & Typora上传图片到图床

本随笔主要记录如何使用 Gitee 搭建图床，使用 PicGo 快速上传图片到 Gitee 仓库，使用 Typora 记笔记时同步上传图片到 Gitee 仓库。

1. 准备工具

• nodejs
• Gitee个人仓库
• PicGo软件
• Typora

没有 Nodejs、PicGo、Typora 的小伙伴，自行安装，下面主要说一下如何配置而已。

2. 创建Gitee仓库

这步无需多说，没有账号的先创建账号，然后建一个 公有 的仓库。

比如建了一个 imgdepot 仓库，记住此仓库名，后面有用到。

3. 配置PicGo

1、在 PicGo 下的【插件设置】中下载gitee插件，我用的是 gitee-uploader 这一款。

2、在【PicGo设置】下我们可以搜到 gitee 图床选项了，可以把其他图传的勾选框取消，简洁些。

3、我们刚刚创建的 gitee 仓库，注意在配置 gitee 的 repo 时，我们填入的是标红的部分

4、填入对应的参数，token 在 gitee 的 设置中可找到，还没有创建过 token 的，可新建一个，复制token到此处即可。

5、在 PicGo 上传区拖入图片，或者点击上传选择图片。

6、在我们的相册中就能查看到我们刚刚上传的图片了，在gitee的图床仓库下也能看到刚刚上传的图片。

4. 配置Typora

1、在配置 Typora 时，还需要配置 PicGo 的 Server 内容。

2、打开 Server，这里的端口号需要对应到 Typora 中的上传的端口号。

3、对应标红处的设置，设置完后，点击【验证图片上传选项】按钮，验证是否配置成功。

4、注意这里标红的地方，Typora使用的 36677 端口上传图片，这个端口需要跟上面第2步中的端口号一致。如图所示，我们已经成功上传图片了。

5. 总结

搭建个人图片已经成功了！

我们通过上面的设置，上传的图片都是 gitee 仓库下对应图片的 raw 路径的，如下所示：

当然我们可以开启 Gitee Pages 服务，通过 http://gitee用户名.gitee.io/仓库名/ + 对应的图片路径和名 来访问到我们的图片。

我们还是建议使用第一种的方式访问图片，因为后一种方式上传图片后需要重启 Gitee Pages 服务，麻烦了些。

基于 Gitee 搭建的个人图库，已经完成了，开始享受你的 Typora 记笔记和写作之旅吧。