自动将*.md文档中的图片上传到Gitee（Typora+PicGo+Gitee）

1. 存在问题

很多刚接触markdown文档格式的友友们，在使用文档中的图片时还存在一些问题：直接将截图下来的图片或是本机图片粘贴在文档中，图片的地址还是本地文件的地址（如D:\xxx），这种情况下将写好的md文档发送给别人，别人打开后无法查看相应的图片，特别是在交作业的时候，老师看不到相应的图片信息，那就芭比Q了，这是因为这种操作下图片是保存在自己电脑上的，发送给别人时没有发送相应的图片资源，也没有将图片上传到云端，他人是无法看到自己电脑上的图片资源的。同样在写博客时，如果自己一张张地导入本地图片，那就显得非常繁琐。

2. 解决方法

1. 将图片资源单独放在一个文件夹中，在md文档中使用相对路径进行链接图片，传输文档时，需要同时传输md文档和图片资源，但是这种方法比较繁琐。
2. 将相应的图片资源上传到云端（如Gitee仓库），使用相应的仓库地址进行链接，发送时，仅发送md文档即可，仅需首次配置，操作简单，推荐使用。
   
   

2.1 第一种方法

• 如下图所示，在文件夹《方法一演示》中分别创建了一个名为文档的md文档和一个用于装md文档中图片的文件夹《pic》，在文件夹pic中存放着需要使用的图片，使用时复制（ctrl+c）需要使用的图片，在文档.md中相应位置粘贴（ctrl+v）即可，如下图所示，可以看到图片上方的地址是相对路径，在发送给别人时，直接打包发送《方法一演示》即可。
  
  
  

• 或者将图片直接粘贴到文档中，然后右键点击图片，选择移动图片到…，再选择需要保存的路径，即可保存到相应的文件中。
  
  
  

2.2 第二种方法

使用Gitee作为云仓库，为什么用Gitee不用GitHub？

1. Gitee的服务器在国内，在国内访问速度更快；虽然GitHub知名度大于Gitee，但是国内访问不太稳定。
2. Gitee是OSCHINA.NET推出的代码托管平台，支持Git和SVN；GitHub是一个面向开源及私有软件项目的托管平台，具有git代码仓库托管和基本的Web管理界面。
3. Gitee提供免费的私有仓库托管；GitHub建立私有项目需要付费。
   
   
   

2.2.1 创建Gitee账户

首先需要先注册Gitee账户，Gitee官网：https://gitee.com

注册操作较为简单，和注册其他平台账户的操作大致相同，这里不做过多描述。

​

2.2.2 创建仓库

登录所注册的gitee账户，点击账户头像左侧的加号，再次点击 新建仓库，如下图所示。

然后，填写仓库信息 ，只需要填写仓库名称即可，然后点击 创建，如下图所示。

刚开始创建的时候，只能选择私有，在仓库创建成功之后需要将其改成开源，才能使用PicGo上传图片。

创建成功之后，地址栏处将会显示如下信息，如下图所示，注意蓝色区域就是自己刚刚创建的仓库地址，后续会用到。

然后，点击页面中的 初始化readme文件 按钮，如下图所示。

随后，会自动跳转到新的页面，点击 管理 ，将仓库改成 开源 ，勾选相关许可，点击保存即可，如下图所示。

2.2.3 安装PicGo

官网地址：https://molunerfinn.com/PicGo/

下载缓慢的可以试试下载之家的这个地址：http://www.downza.cn/soft/270894.html

安装好后，双击进入软件图形界面。

小提示：如果鼠标双击之后，并没有相应图形界面弹出，试试在状态栏托盘区单击PicGo图标。

2.2.4 配置Gitee插件

在软件界面中点击 插件设置 ，在输入框中输入：gitee，将会出现相应的插件，选择名为 gitee-uploader 1.1.2的插件进行安装，如下图所示。

如果点击安装之后，显示安装失败，则需要重启软件（鼠标右键点击托盘出PicGo图标选择重启应用），再进行安装该插件，如下图所示。

如若提示需要先安装node.js，则根据提示进入到node.js官网，进行下载安装即可，node.js官网：https://nodejs.org/en/

随后，可以修改PicGo设置，鼠标滑动到设置最下方，仅勾选gitee，则在图床设置的下拉列表中，就只会出现 gitee选项，如下图所示。

2.2.5 生成私人令牌

在gitee官网中，将鼠标悬浮在头像处，依次点击 个人主页–个人设置–私人令牌，如下图所示。

点击 生成新令牌，随后根据个人情况选择相应权限，点击提交进行密码验证，即可生成相应的令牌。 记得复制令牌备用，如下图所示。

一定要记得复制，后面无法参看，就只能修改了！！！

2.2.6 图床设置

进入到PicGo图床设置，填写相应数据。

【必填】repo处 填写仓库地址，即前文提到的蓝色区域，不用填写https://gitee.com/前缀

【选填】branch处 默认为master

【必填】token处 粘贴刚刚复制的私人令牌

【选填】path处 填写图像保存路径，会自动将图片上传到仓库中的该文件夹中，如果仓库中没有该文件夹，会自动创建，也可不填写，如下图所示。

2.2.7 Typora配置

Typora官网：https://typoraio.cn/

下载安装Typora，进入Typora界面，依次点击 文件–偏好设置–图像，配置如下图所示，PicGo路径 选择PicGo的安装路径，如下图所示。

安装路径：在桌面出找到PicGo图标，鼠标右键单击，选择 打开文件所在位置（I）,即可找到安装目录，如下图所示。

现在，粘贴图片到md文档中，文档中的图片路径将会显示gitee仓库的路径，如下图所示

2.2.8 手动上传图片

• 配置好上文讲到的上传操作之后，也可以进行手动上传，鼠标右键点击图片，选择上传图片即可。

• 当文档中的图片较多时。也可以使用 上传所有本地图片功能。依次点击 格式–图像–上传所有本地图片

这样，传输文档时，只传输md文档即可，他人就会看到相应图片信息，也适用于写博客的朋友们！！！

3. 网盘链接

下面将上述提到的 Typora+PicGo+node.js 三款软件下载地址分享给大家：

链接：https://pan.baidu.com/s/1ALyoav-O-zwOL98O70EJ4A?pwd=5dis
提取码：5dis

至此，问题成功解决，谢谢您的观看，一键三连，期待您的点赞+关注+收藏~祝君学习不迷路！！！