MarkDown集成图床

MarkDown集成图床

1.前言

1. 平时使用Typora，自己本地看正常，但是发给别人就会出现图片显示不了的情况，原来markDown是根据绝对路径来获取pc上面的图片地址。
2. 为了解决这个问题，利用PicGo图片床自动上传图片，使用的是gitee的自建图床。
3. 其原理就是根据gitee作为文件服务器托管，然后用绝对路径地址访问你在gittee中文件的地址。

2.安装PicGo插件

1. Gitee图床不是PicGo的列表图床，需要通过插件设置 来添加，但是必须安装Node.js之后才能安装PicGo的插件，因为PicGo要使用npm来安装插件。需要安装的见下面地址：Node.js下载地址，一路next，最后打开cmd输入path,环境变量当中出现node.js的路径，且node -v 显示node.js的版本号证明成功。

2. 安装完Node.js，在PicGo插件设置里搜索 gitee，应该能出两个选项，一个是 picgo-plugin-gitee ，另外一个是picgo-plugin-gitee-uploader ，可能出现npm搜索不到任何结果，所以就会手动安装插件

3. 输入 npm -v 能显示 版本号，说明你npm可以使用

   image-20211207100537253

4. 转到 windows 配置目录在C:\Users\XXX\AppData\Roaming\picgo 下 ，XXX 为 电脑的用户名，根据自己的情况修改即可
   cd C:\Users\XXX\AppData\Roaming\picgo

   image-20211207100725564

5. 最后在该目录下，使用npm手动安装gitee图床。（补充一点 如果安装缓慢 长时间卡住不动 去设置npm 的数据源为淘宝的。1. 命令 npm config set registry https://registry.npm.taobao.org 2. 验证命令 npm config get registry 如果返回 https://registry.npm.taobao.org，说明镜像配置成功。最后执行npm install picgo-plugin-gitee-uploader）

6. 命令如下：npm install picgo-plugin-gitee-uploader ，然后重启picgo即可

7. 也可以安装别的插件：PicGo插件 清单](https://github.com/PicGo/Awesome-PicGo)

8. 插件安装成功之后还需要对图床进行配置

   image

9. 需要你注册gitee仓库，然后获取token（注意：repo中填写的是用户名/仓库名称且不能有空格)

   image-20211207101221266

10. 最后结束打开Typora，然后测试文件上传是否成功。

    image-20211207101537144

3.一键上传图片

image-20211207101707527

现在你就可以随便的编写你的文档了。