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可以使用

    markDown集成图床

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

    markDown集成图床

  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. 插件安装成功之后还需要对图床进行配置

    markDown集成图床

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

    markDown集成图床

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

    markDown集成图床

3.一键上传图片

markDown集成图床

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

上一篇:类加载子系统


下一篇:【总结】mysql log