手把手教你用Typora+gitee+PicGo搭建免费图床

手把手教你利用Typora+gitee+PicGo搭建免费图床

1、准备工具

• Typora 版本：0.9.89

  链接: https://pan.baidu.com/s/1gtQj6AxrrGZMlEudOhC0cg 提取码: b674

• PicGo 版本：2.2.2

  链接: https://pan.baidu.com/s/1uWt02DvNe87lsuzVuEscXw 提取码: euys

• nodejs 版本：v12.18.3

  链接: https://pan.baidu.com/s/1NsNgoji9khajj8jdCBUG-g 提取码: zxqc

• gitee 自己注册账号

2、搭建步骤

gitee步骤

• 创建仓库。码云
  

• 获取token

  

• 记下刚才生成的token,后续配置有用

nodejs步骤

​ nodejs一路安装下去既可,没有特别的设置

PicGo步骤

• 一路next安装完成PicGo

• 打开软件，在插件设置直接搜索gitee安装大概率不成功，因此可以通过npm安装
  

• 通过手动命令安装，参考博客

  #查询npm版本
  C:\Users\Ryan>npm -v
  6.14.6
  #查询nodejs版本
  C:\Users\Ryan>node -v
  v12.18.3
  #切换到picgo，只需要把Ryan改成自己电脑名称就可以
  C:\Users\Ryan>cd C:\Users\Ryan\AppData\Roaming\picgo
  #安装gitee插件
  C:\Users\Ryan\AppData\Roaming\picgo>npm install picgo-plugin-gitee-uploader
  npm notice created a lockfile as package-lock.json. You should commit this file.
  + picgo-plugin-gitee-uploader@1.1.2
  added 4 packages from 5 contributors in 1.82s
  

  打开PicGo图传设置可以发现新增了gitee，安装更堵插件可以看官方网页

  插件网站

• gitee插件设置,gitee两个插件可以参考这个博客

  

typora步骤

​ 点击文件—偏好设置—图像按照下图设置

3、测试

• 点击上面步骤中的”验证图片上传选项“，出现以下界面则成功

在gitee刚才新建的仓库里面找到上传的图片

至此，搭建图床成功，再也不用担心图片找不到了。