Typora+PicGo+Gitee实现markdown图床

189 阅读1分钟

操作步骤

  1. 本地安装picgo

    # 安装
    yarn global add picgo # 或者 npm install picgo -g
    

    安装前需要本地包含node.

  1. 安装完成会在本地~/.picgo/目录存在一个config.json文件.

    如果看不到隐藏文件夹可以使用command+shifit+.快捷键将隐藏文件显示出来

    还没有的话在终端执行一下picgo指令

  2. 安装完成picgo后,安装gitee插件

    picgo install gitee-uploader
    
  3. 安装成功后,将picgo上传默认为gitee

    picgo set uploader
    

    然后选中gitee.

  4. 接下来进行gitee的配置.进入gitee网站并登录/注册,成功后,创建一个公开的仓库.仓库创建完成后,将网址的后边部分复制出来.即下列网址内的wtfia/ifang

    https://gitee.com/wtfia/ifang
    
  5. 点击gitee的头像,打开设置->安全设置->私人令牌.生成一个新的令牌.权限选择前三个即可.生成完毕后,将token复制

  6. gitee配置完成后,将第2步的config.json文件打开,做以下配置

    {
      "picBed": {
        "uploader": "gitee",
        "current": "gitee",
        "gitee": {
          "repo": "第五步获取的仓库repo",
          "branch": "master",
          "token": "第6步创建的token",
          "path": "可以不填,也可以在仓库里新建一个文件夹,并将文件夹名放在此处,如images"
        }
      },
      "picgoPlugins": {
        "picgo-plugin-gitee-uploader": true
      },
      "picgo-plugin-gitee-uploader": {
        "lastSync": "2022-01-27 02:03:37"
      }
    }
    
  7. 保存config配置,打开Typora的偏好设置,进行Typora的上传图片设置.选中下图的设置

    服务命令为{node地址} {picgo地址} upload.可以通过which nodewhich picgo查看具体的地址

截屏2022-01-27 下午2.24.39

  1. 配置完成,点击验证图片上传进行测试
  2. 成功后,将本地图片拖入即可自动上传,并会将本地路径自动替换为网络路径.