解决本地typora笔记上传到博客时图片失效问题

解决typora图片失效问题

前言:

用typora神器写各种笔记的时候十分方便,markdown格式的笔记可复用性极高,十分舒适,但有时我们笔记里插入的图片存在本地时,将笔记转到个人博客此时图片失效需要一个一个的添加,有点麻烦。

解决方案:

我们只需要让其将图片自动上传到云上,所有的图片链接使用网页链接,当直接将本地的笔记复制到博客时,不需要做其他操作即可正常显示图片。

安装步骤

01- 建立码云仓库

(注:也可使用github建立仓库)

1. 登录码云账号建立仓库

gitee官网:https://gitee.com

没有自行注册一个,然后新建仓库

2.仓库初始配置

配置好后点击创建,//图太长未截到

3.设置私人令牌

要求输入密码验证,输入即可

注意自己保存好私人令牌!!!

02 - 安装配置PicGo

PicGo下载地址:https://github.com/Molunerfinn/picgo/releases

1.下载PicGo

2. 安装PicGo

双击下载的exe文件,然后按照指示安装即可

3.安装插件

4.设置图床gitee配置

若没有发现gitee选项,重启PicGo

image-20210509000115021

repo:码云上面我们的仓库路径一般是这样的格式:用户名/仓库名
path:这是之后我们的图片生成之后的HTTP链接的一级目录的名字
customPath:为了防止图片名重复覆盖,所以需要选择图片的命名方式,这里我选择的是年月的时间戳格式
customUrl:可以不填

5. 上传测试

image-20210509000345132

发现图片上传成功,三个小图标所能进行的操作分别为,复制该图片的url,修改该图片url,从gitee仓库中删除该图片。

image-20210509000457605

发现gitee仓库上传成功,此时通过图片的url即可在浏览器中访问到该图片

image-20210509000906221

注:

若上传失败,通常是gitee配置错误,如你在图床配置path时采用驼峰命名,在gitee中转为了短横线命名方式,注意自己登录gitee检查配置信息。

点击管理,查看仓库设置

image-20210509001406432

image-20210509001452033

  1. 检测图床配置
点击插件设置`--->`点击插件小齿轮`--->`配置uploader-gitee

image-20201230151659851

检测是否和你配置的一致。

image-20201230151747103

  1. 测试图片上传是否成功

点击上传区—>上传图片—>点击相册查看>存在则成功

image-20201230152022044

点击相册进行查看。

image-20201230152046293

可以看到,博主这篇文章就是在Typora中编写的,所有的截屏全部上传到了gitee进行保存。

03-Typora插入图片上传
1.手动上传

在typora中插入图片后,右键图片,点击上传图片,插入图片即可自动上传,并将本地地址自动改为云url地址

2.自动上传

配置好后,即可自动将插入图片上传到仓库中()

2

image-20210509100854566

可能因为网络原因或者是typora的一个bug,配置自动上传时,插入图片总是显示上传失败,过一段时间才上传成功,虽然上传成功了,但由于延时,typora中的图片地址仍然是本地地址,没有自动改成云url地址,这是博主未解决的一个问题,若小伙伴们有解决方案,期待能够告诉博主。

  • 3
    点赞
  • 18
    收藏
    觉得还不错? 一键收藏
  • 9
    评论
评论 9
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值