使用typora+PicGo+Gitee简单实现图片上传功能

本文通过配置PicGo+Gitee来实现typora图片上传功能,系统是window

注意下载的清单有:PicGo,node.js,配置有:PicGo,node.js,gitee,typora

看着复杂实际上并不难,只是繁琐,并且坑也不多,按照教程一步步很轻松就完成配置。

目录

  • 一、PicGo下载安装
    • PicGo下载
    • PicGo配置
  • 二、Gitee配置
  • 三、typora配置和验证

一、PicGo下载安装

PicGo下载

访问官网PicGo,找到一个稳定的版本:2.3.1

使用typora+PicGo+Gitee简单实现图片上传功能_第1张图片

下载64位exe:

使用typora+PicGo+Gitee简单实现图片上传功能_第2张图片

下载后就是简单的安装配置,注意改下安装的位置就好了(后面路径会用到),其它不用管。

运行后发现会发现PicGo怎么启动不起来,下边任务栏没有。其实它只是在右侧任务栏里

使用typora+PicGo+Gitee简单实现图片上传功能_第3张图片

打开后是如图所示的界面:

使用typora+PicGo+Gitee简单实现图片上传功能_第4张图片

PicGo配置

点击插件设置,搜索gitee,安装红框位置的插件:gitee-uploader 1.1.2

使用typora+PicGo+Gitee简单实现图片上传功能_第5张图片

但是可能会有小伙伴出现问题,这是因为这个插件需要安装node.js,没有安装node.js可以参考这篇文章先安装下Windows下安装NodeJS的详细步骤

安装完成后node -vnpm -v检查是否安装成功:

使用typora+PicGo+Gitee简单实现图片上传功能_第6张图片

二、Gitee配置

点击图床设置,下拉找到gitee,显示如下界面:

使用typora+PicGo+Gitee简单实现图片上传功能_第7张图片

我们只需要配置以下参数:

  • repo:填写gitee账户名/仓库名。比如,xxx/yyy
  • branch:填写master即可。
  • token:填写仓库获取的私人令牌,后面会讲怎么获取。
  • path:填写img即可。即图片存储的路径。

(1)新建仓库

使用typora+PicGo+Gitee简单实现图片上传功能_第8张图片

仓库名称随机,比如gitee_img;选择单分支。

使用typora+PicGo+Gitee简单实现图片上传功能_第9张图片

然后初始化readme操作,将仓库设置为开源。因为创建时只能指定为私有。

使用typora+PicGo+Gitee简单实现图片上传功能_第10张图片

使用typora+PicGo+Gitee简单实现图片上传功能_第11张图片

然后生成私人令牌:

使用typora+PicGo+Gitee简单实现图片上传功能_第12张图片

找到私人令牌:

使用typora+PicGo+Gitee简单实现图片上传功能_第13张图片

点击生成新令牌:

使用typora+PicGo+Gitee简单实现图片上传功能_第14张图片

保存下私人令牌:

使用typora+PicGo+Gitee简单实现图片上传功能_第15张图片

接着在PicGo上配置参数:

使用typora+PicGo+Gitee简单实现图片上传功能_第16张图片

repo即为刚才创建的仓库,私人令牌写入刚才获得的token,其它默认如上即可。

三、typora配置和验证

打开typora,找到偏好设置->图像:

使用typora+PicGo+Gitee简单实现图片上传功能_第17张图片

先设置PicGo的路径,也就是刚才安装PicGo的路径:

使用typora+PicGo+Gitee简单实现图片上传功能_第18张图片

点击验证图片上传选项,出现如下说明配置成功:

使用typora+PicGo+Gitee简单实现图片上传功能_第19张图片

也可以在gitee仓库上看到上传的两个测试图片:

使用typora+PicGo+Gitee简单实现图片上传功能_第20张图片

再把偏好设置设置为:上传图片,就完成了配置。

使用typora+PicGo+Gitee简单实现图片上传功能_第21张图片

enjoy it!

你可能感兴趣的:(各类安装bug和其它bug,gitee,typora,PicGo,图片上传,博客)