MarkDown集成图床
1.前言
- 平时使用Typora,自己本地看正常,但是发给别人就会出现图片显示不了的情况,原来markDown是根据绝对路径来获取pc上面的图片地址。
- 为了解决这个问题,利用PicGo图片床自动上传图片,使用的是gitee的自建图床。
- 其原理就是根据gitee作为文件服务器托管,然后用绝对路径地址访问你在gittee中文件的地址。
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,然后测试文件上传是否成功。
3.一键上传图片
现在你就可以随便的编写你的文档了。