【工具】typroa + picgo 图床

在我们用typroa编辑md文档时,其中的图片都是本地的路径,当我们在csdn发布或者移动md文档时,图片就不会显示出来

typroa支持通过picgo上传图片到图床

picgo下载链接:https://github.com/Molunerfinn/PicGo

可以看到picgo支持windows、macos、linux
推荐使用gitee的方式!!!!

1.picgo app设置

我们可以看到picgo支持以上7种图窗

下面我们以SM.MS图窗举例:

SM.MS有5G的免费额度

SM.MS官网:https://sm.ms/

在user-dashboard-API Token中可以查看到Token

image-20200803203828404

copy这个Token,填入picgo的图床设置-SM.MS图床中的设定Token中

image-20200803204007606

在Picgo设置中,将时间戳重命名打开,防止上传同一张的照片失败

image-20200803204119941

设置Server不要修改!!

在这里插入图片描述

以上我们就设置好了Picgo,其他的图床设置方法自行查找

2.Typroa设置

1.PicGo(app)方式

偏好设置-图像

在这里插入图片描述

因为PigGo已经设置完成,所以这样就配置好了,验证图片上传选项

image-20200803204531640

这样我们就配置成功了,在文档中插入的照片的url都在图床上,原有的照片可以通过右击上传照片上传至图床

这样我们就可以随便移动这个md文档了

image-20200803204643572

2.PicGo-Core(Command-line)方式

我的系统是ubuntu,设置为app形式不能达到效果,所以我改用了PicGo-Core方式

image-20200803204951655

点击下载或更新下载插件,然后点击打开配置文件,SM.MS的配置文件如下:

将token的********************替换为自己的SM.MS的API Token即可

{
  "picBed": {
    "current": "smms",
    "smms": {
       "token": "*************************" 
    }
  },
  "picgoPlugins": {}
}

其他的图床的配置文件可以参考说明

3.typroa + picgo + gitee(推荐)

3.1 picgo(app)

插件设置,搜索gitee,安装gitee-uploader插件(下载安装完node.js后点击安装即可)
在这里插入图片描述
下载完成后重启应用即可,在图床设置中就可以看到gitee选项
在这里插入图片描述
第一个repo即你的gitee仓库地址除去https://gitee.com/
在这里插入图片描述
token在设置-私人令牌处创建
在这里插入图片描述
创建仓库时一定选择公开并使用readme文档初始化仓库
将对应的repo和token填入相关的选项保存就可以了

3.2 picgo-core

推荐在ubuntu下的用户使用这种方式
首先安装gitee-uploader的插件

#没有npm首先安装npm
sudo apt install npm
# 安装PicGo
npm install picgo -g

# 安装 gitee-uploader 插件
picgo install gitee-uploader

在typroa-偏好设置-图像中的配置文件

{
  "picBed": {
    "current": "gitee", 
    "uploader": "gitee",
    "gitee": {
      "branch": "master",
      "customPath": "",
      "customUrl": "",
      "path": "",
      "repo": "xs*******/images", //仓库地址,gitee.com/后的内容
      "token": "******************"//你的私人令牌token
    }
  },
  "picgoPlugins": {
    "picgo-plugin-gitee-uploader": true
  },
  "picgo-plugin-gitee-uploader": {
    "lastSync": "2020-08-10 09:04:46"
  }
}

保存退出就可以了

  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

沙diao网友

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值