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

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

文章目录

  • 手把手教你利用Typora+gitee+PicGo搭建免费图床
        • 1、准备工具
        • 2、搭建步骤
          • gitee步骤
          • nodejs步骤
          • PicGo步骤
          • typora步骤
        • 3、测试

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步骤
  • 创建仓库。码云
    手把手教你用Typora+gitee+PicGo搭建免费图床_第1张图片

  • 获取token

    手把手教你用Typora+gitee+PicGo搭建免费图床_第2张图片

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

nodejs步骤

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

PicGo步骤
  • 插件安装,在PicGo

  • 直接搜索gitee安装大概率不成功,因此可以通过npm安装
    手把手教你用Typora+gitee+PicGo搭建免费图床_第3张图片

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

    #查询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.
    + [email protected]
    added 4 packages from 5 contributors in 1.82s
    

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

    插件网站

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

    手把手教你用Typora+gitee+PicGo搭建免费图床_第4张图片

typora步骤

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

手把手教你用Typora+gitee+PicGo搭建免费图床_第5张图片

3、测试

  • 点击上面步骤中的”验证图片上传选项“,出现以下界面则成功
手把手教你用Typora+gitee+PicGo搭建免费图床_第6张图片

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

手把手教你用Typora+gitee+PicGo搭建免费图床_第7张图片
至此,搭建图床成功,再也不用担心图片找不到了。

你可能感兴趣的:(手把手系列)