Typora添加图床实现图片自动上传

Typora添加图床实现图片自动上传

​ Typora是一个非常好用的makedowm书写工具,但是Typora插入图片是保存在本地上的,在其他终端看时图片无法显示,而且在csdn中导入使用Typora书写的.md文档时也会有图片导入不了的情况。

​ 本篇记录使用picGo+码云为Typora添加图床,实现图片自动上传功能。在Typora中添加图片后,图片会自动上传到码云,只要有终端网就能查看。当然也可以把码云换成gitHub、阿里云等。本次选择码云是因为没有阿里云,码云比gitHub上传下载速度快。

工具准备

前提:需要有node.js环境

typora:版本不低于0.9.92 可自行下载,

PicGo: 链接:https://pan.baidu.com/s/1WayO-_67uBqHND83dRH2Kw 提取码:cjc1

nodejs:链接:https://pan.baidu.com/s/13Jj_E3eGA0eU7EVFA6XMbQ 提取码:5fwa

正常安装,安装过程中没有特殊操作

开始配置

创建远程仓库

  • 在码云上建一个仓库作为图床库

![image-20210611092806194](https://img-blog.csdnimg.cn/img_convert/792455edad3ee2af391cab25468ebcb0.png

image-20210611093032484

  • 获取一个私人令牌

    image-20210611093313393

设置页面左侧菜单栏点击【私人令牌】,到下面页面

image-20210611093949586

image-20210611094016914

验证完登录密码后,会生成一串字符串令牌,复制出来。

PicGo设置

  • 插件中搜索gitee

  1. 两个都可以,而且配置也差不多。这里用的是gitee-uploader 1.1.2

    配置如下

    image-20210611175640135

    配置项解释:

    • repo:仓库名(这个一定要填对,不然的话后面测试上传的时候会报错)

    • token:即上面在码云中生成的私人令牌

    • path:填写一个路径名,上传的时候会自动生成一个该名称的文件夹

typora设置

  • 文件–>偏好设置–>图像

image-20210611175938009

  • 点击验证图片上传选项

报错了~

image-20210611180508530

经排查,端口设置有问题,需要设置一下Server:

image-20210611185025224

image-20210611180639908

  • 再次验证,又失败…

  • 排查日志发现,文件名重了,所以需要设置一下(使用时间戳命名就不会重复啦)

image-20210611182712275

  • 再次验证图片上传,成功!

image-20210611184014769

总结

1.远程仓库设置成开源的,不然会影响图片预览。

2.设置gittee时,repo(即上面说的仓库名)一定要和码云中的一直,不然上传会报错。

3.设置server,默认36677端口。 设置时间戳重命名,防止上传图片文件名相同而导致失败。

4.遇到上传失败,上诉无法解决时,PicGo设置里,点击【设置日志文件】—>【点击打开】,就可以看到报错的日志信息,通过这个来排查问题。

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

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

余额充值