markDown集成图床

seven_ • 2023年2月24日下午3:10 • 后端漫谈 • 阅读 165

MarkDown集成图床

1.前言

平时使用Typora，自己本地看正常，但是发给别人就会出现图片显示不了的情况，原来markDown是根据绝对路径来获取pc上面的图片地址。

为了解决这个问题，利用PicGo图片床自动上传图片，使用的是gitee的自建图床。

其原理就是根据gitee作为文件服务器托管，然后用绝对路径地址访问你在gittee中文件的地址。

关于码云的配置直接看PicGo+gitee搭建个人图床.

2.安装PicGo插件

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

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

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

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

最后在该目录下，使用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）

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

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

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

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

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