typora结合picgo实现上传图片到gitee

typora结合picgo实现上传图片到gitee

​ 有时候我们写markdown,想直接把markdown的内容复制粘贴到第三方的博客平台如:****、博客园、简书等,我们会发现我们复制的图片是失效的,显示不出来,因为我们写markdown的时候图片是保存再本地的,所以图片的路径也是本地的,如果要把图片再一张张的上传到第三方平台,那简直太麻烦了。所以我们可以使用typora结合picgo将图片上传到gitee,然后就会得到图片的外链,这个外链只要有网,你就可以访问,所以再也不用担心要一张张的上传了。废话少说,开始吧!!

1、下载PicGo

到PicGo官网上下载PicGo,最新版的是2.3.0-beta.3,但是据说还不够稳定,我个人是比较喜欢稳一点的,所以安装了2.2.2版本的。

typora结合picgo实现上传图片到gitee

然后自己根据自己的电脑系统来进行安装,我这里是win10所以下载的是这个:

typora结合picgo实现上传图片到gitee

安装完之后如果打开的时候出现A JavaScript error occuredin the main process,不能打开picgo,我们可以在win的搜索栏输入%appdata%

然后把picgo的文件夹删除掉就可以打开了。这里一定要记得你安装的路径,因为等一下配置typora的时候需要用到picgo的启动路径。

2、安装node.js

因为picgo结合gitee需要使用到nodejs,所以我们需要下载nodejs。有关node.js安装的教程,网上很多,推荐一个吧:https://www.cnblogs.com/minxiang-luo/p/12490526.html.我这里就不多赘述了。

3、创建gitee仓库和生成令牌

typora结合picgo实现上传图片到gitee

typora结合picgo实现上传图片到gitee

记得一定要选择公开。

之后就是生成私人令牌,进入设置

typora结合picgo实现上传图片到gitee

点击生成私人令牌

typora结合picgo实现上传图片到gitee

(注:令牌只会显示一次,如果不复制的话,就只能重新修改令牌,步骤:修改 --> 重新生成令牌)

typora结合picgo实现上传图片到gitee

这些全选就完事了。

4、配置picgo的gitee

然后再picgo安装gitee插件

(注:若没有安装 node.js ,则会安装不了插件。因为插件下载需要使用到 node.js 的npm!)

typora结合picgo实现上传图片到gitee

配置gitee,在左侧的图床设置选择gitee图床,进行设置:

typora结合picgo实现上传图片到gitee

具体可以看你设置的仓库的url,如下:

typora结合picgo实现上传图片到gitee

配置好之后选择设为默认图床确定

5、设置typora

typora结合picgo实现上传图片到gitee

typora结合picgo实现上传图片到gitee

然后再需要上传图片的时候点击上传图片就可以了

typora结合picgo实现上传图片到gitee

你就会发现图片的url变成这个样子了

typora结合picgo实现上传图片到gitee

这样子复制图片的时候就是复制外链了,不需要一张张图片上传了。