Typora使用Gitee_PicGo做图床，实现插入在线图片功能

1、Node.js的安装和配置

因为PicGo安装Gitee插件需要Node.js环江，因此，我们事先将其在自己的电脑上配置一下。

1、官网地址

https://nodejs.org/zh-cn/download/

2、安装

安装过程基本默认即可，有以下两个地方需要注意：

（1）软件安装目录

我选择安装下面的位置：

D:\05Git\05Node_js\install

（2）自定义安装，默认即可

（3）查看是否安装成功

（4）安装完成成的目录

3、环境配置

主要配置的是npm安装的全局模块所在的路径，以及缓存cache的路径，这样的话，当我们执行下面的语句进行下载安装全局包时，

npm install -g XXXX

可以安装我们指定的路径进行安装，而不是安装到C盘。

（1）在安装的路径中新建文件夹node_cache，node_global。

（2）打开cmd命令，输入下面的指令

npm config set prefix "D:\05Git\05Node_js\install\node_global"
npm config set cache "D:\05Git\05Node_js\install\node_cache"

因为我们更改了npm全局模块的存放路径和cache路径后，需要修改系统环境变量。

（3）修改系统变量

添加下面的内容：

NODE_PATH
D:\05Git\05Node_js\install\node_global\node_modules

（4）更改用户变量

#将Path中下面的配置删除
C:\Users\用户名\AppData\Roaming\npm

#添加下面的配置
Path
D:\05Git\05Node_js\install\node_global

（5）测试配置情况

在cmd命令中，执行下面的命令，安装express模块进行测试：

# 加上参数-g指代全局安装
npm install express -g

此时，在全局模块路径下包含一个express文件夹：

2、Gitee配置

1、新建一个仓库

复制其用户名/仓库名

whlgdxlkl/my-picture-bed

我这里只创建一个master分支，开源选择公开，同时使用readme进行初始化。

2、设置私人令牌

然后复制gitee产生的私人令牌即可。

3、PicGo的安装和配置

1、官网地址

https://github.com/Molunerfinn/PicGo

2、按照默认安装，其中只需要注意安装的目录即可。

3、配置

（1）插件设置

因为gitee不是PicGo自带的，为了兼容，我们需要使用下面这个中甲插件：

下载完成后，会在图床设置中产生一个gitee选项。

（2）PicGo设置

我只设置下面的三项：

（a）设置日志文件

选择warn和error。

（b）Server设置

端口一定要设置成36677，不然在typora测试上传图片中会出错。

（c）时间戳重命名打开即可。

（3）图床设置

（4）测试

拖拽图片到PicGo的上传区，上传即可，此时在gitee中会看到自己上传的文件：

4、Typora配置

1、图像配置

2、测试

点击上图中“上传服务设定”中的“验证图片上传选项”，如果图片上传到PicGo和Gitee中，此时表明Typora到图床Gitee的路径已经打通。

3、遇到的问题

（1）“验证图片上传选项”出错，可能时PicGo配置的Server端口变成了366771，我们将其改过来即可。

（2）当我们的Typora文件中的图片太多时，可能是网络故障的原因，我们上传的图片不能上传成功，此时，我们将文件关闭后，检查PicGo配置的Server端口，重新上传即可。

ora到图床Gitee的路径已经打通。

3、遇到的问题

（1）“验证图片上传选项”出错，可能时PicGo配置的Server端口变成了366771，我们将其改过来即可。

（2）当我们的Typora文件中的图片太多时，可能是网络故障的原因，我们上传的图片不能上传成功，此时，我们将文件关闭后，检查PicGo配置的Server端口，重新上传即可。

5、Github上图片加载不出来的解决办法

1、在Windows系统中修改hosts文件

C:\Windows\System32\drivers\etc\hosts

在该文件中添加下面的代码：

# GitHub20200914 Host Start
185.199.108.154                                   github.githubassets.com
199.232.68.133                                    camo.githubusercontent.com
199.232.68.133                                    github.map.fastly.net
199.232.69.194                                    github.global.ssl.fastly.net
140.82.114.4                                      github.com
13.82.143.145                                     api.github.com
199.232.68.133                                    raw.githubusercontent.com
13.82.143.145                                     user-images.githubusercontent.com
199.232.68.133                                    favicons.githubusercontent.com
199.232.68.133                                    avatars5.githubusercontent.com
199.232.68.133                                    avatars4.githubusercontent.com
199.232.68.133                                    avatars3.githubusercontent.com
199.232.68.133                                    avatars2.githubusercontent.com
199.232.68.133                                    avatars1.githubusercontent.com
199.232.68.133                                    avatars0.githubusercontent.com
# GitHub20200914 Host End

2、激活生效
在cmd命令行中执行下面的指令：

ipconfig /flushdns

3、重新刷新GitHub界面，即可。