Typora+PicGo+Gitee实现图片上传功能

为什么要配置图床？

MarkDown作为一种纯文本格式的标记语言，通过简单的标记语法，就使普通文本内容具有一定的格式。一次标记可以做到各平台通用，免除了富文本编辑器换平台就要重新排版的繁琐，越来越受欢迎，尤其是程序员群体。现在很多论坛和社区都开始支持使用MarkDown。但使用markdown也有一个重要的问题，那就是图片的存储，markdown文件要用到图片时必须是一个链接。各个平台都有自己的图片存储方法，在不使用图床的情况下，同一篇文章发布到不同的平台需要单独上传图片一次。这个真的无法接受，太麻烦。

解决办法就是使用图床来单独存储图片，需要用到图片的地方统一用图床上的图片链接就好了。这样同一篇文章，发布到不同的平台真正可以简单复制粘贴。

图床就是一个图片服务器，用来存储图片，以URL的形式来供其他平台获取图片。可以自己搭建，也可以使用别人搭建好后提供的服务。自己搭建肯定花钱，别人搭建给你提供服务，有的收费，有的一定范围内不收费，有的完全免费。

重要提示：数据是比金钱更重要的东西！这点务必先搞清楚。不要因为追求免费而用可能损失数据的服务，这样以后会发现，特别不值。即丢失了数据，又重新花钱，还浪费了时间。

一般选择图床要满足下面条件

• 可靠性。数据在当今社会是最宝贵的财富之一，因此在选择存储的服务时，可靠性无疑是首要的考虑因素。
• 安全性。面对攻击、盗取和破坏时如何保障数据不受到损失，是另一个重要的考虑因素。
• 是否简单易用。越简单易用越好。
• 价格是否合理。在满足前两条的情况下，越便宜越好，最好免费。

作为图床的方法

• 对象存储图床
  • 国外的有amazon s3 和google storage等
  • 国内的有七牛云、又拍云、腾讯云、阿里云、天翼云等
• 第三方图床
  • sm.ms、imgchr、聚合图床等
• 云盘图床
  • 微云等
• 社交网站图床
  • 新浪微博、qq空间等
• 云笔记图床
  • 印象笔记、有道云笔记等
• 代码托管网站图床
  • github、码云等
• 自建图床
  • github开源图片服务Cheverto
• 区块链存储图床
  • IPFS等

这里我们使用gitee上传图片，网站生成的外链就可以用在markdown中。就是新建一个仓库，专门放图片。

主要是免费，还有是支持国产嘛！

效果展示

好了，功能是不是很满意？节省了很多时间是不是，很 nice！下面来具体实现：

建立 Gitee 图床

注册 gitee 账号并创建一个仓库当图床

1. 注册或登陆 Gitee

Gitee 官网网址：https://gitee.com/

注册账号在这里就不说了啊，注册好账号之后登陆 Gitee

2. 新建仓库当图床

然后改图片中的三处：

生成私人令牌

找到个人设置，点击设置里的私人令牌，点击生成私人令牌

提交即可，复制令牌，可以写在 text 文本中，稍后在 Gitee 图床配置中会用到！

!> 注：令牌只会显示一次，如果不复制的话，就只能重新修改令牌，步骤：修改 –> 重新生成令牌，

安装 node.js

进入官网

https://nodejs.org/en/download/

下载与本机系统对应的版本

1. 开始安装
   双击你下载好的node.js安装包，如下图：

   

   nodejs安装1.png

   点【Next】按钮

   

勾选 I accept复选框，点击【Next】按钮

注意：此处可以修改安装的路径，默认安装到C盘
修改好目录之后，点击【Next】按钮，此处默认安装就好

点击【Install】按钮

安装完成后，点击【Finish】按钮即可

安装 PicGo

这是一款图片上传的工具，目前支持微博图床，七牛图床，腾讯云，又拍云，GitHub，Gitee等图床，在这里，我们使用 Gitee 作为图床。

下载 PicGo

下载链接：https://github.com/Molunerfinn/picgo/releases

选个自己喜欢的版本，点击进入，找到后缀 .exe 的，点击后自动下载。或者直接使用最新版。

下载好之后安装即可。

实在不会百度一下：https://jingyan.baidu.com/article/a681b0ded76d577a18434692.html

PicGo 配置 Gitee 图床

1. 下载 Gitee 插件

搜索 gitee，选择第一个即可，右边的插件也可以，配置过程也差不多

2. 配置 Gitee 图床

首先在 PicGo 设置中选择 Gitee 图床

然后在图床设置中进行配置 Gitee 图床

点击确定，就可以使用了，如果只想上传图片，到这一步就可以了，不过我还是推荐你继续往下看，因为真的很提高开发效率！

Typora 配置 Gitee 图床

使用这一步，首先要下载安装 Typora，官网地址：https://www.typora.io/ 直接安装即可，操作简单。

安装好 Typora 之后，打开进入 Typora，点击上方目录：文件 –> 偏好设置 –> 图像 –> 配置图床

关键一步：

当点击验证图片上传选项时，会提示你使用下面网址上传，记住它！比如我的是 http://127.0.0.1:36677/upload，要保证这里的地址和 PicGo 中的上传地址一致，所以要去 PicGo 中去验证，不一样就将 PicGo 中的地址改成这里的就可以了。

到 PicGo 中去验证：

点击 PicGo 设置 –> 设置 Sever，若和 Typora 中图片上传地址不一样，改成 Typora 中的监听端口即可，然后确认。

关于错误提示

错误一：Failed to fetch

这是PicGo的端口设置错误导致的。打开 PicGo设置 > 设置Service，将端口设置为36677。

错误二：{“success”,false}

这是上传了相同文件名的文件导致的，PicGo不允许上传同文件名的文件。

在PicGo设置中开启 时间戳上传即可解决。

错误三：

上传失败，403或者404。

一定是repo填错了:repo仓库名填 用户名/仓库名