背景:
写markdown的朋友在插入图片的时候大多会遇到一个问题,一篇从本地插入图片的markdown经过上传之后图片会无法载入。这是由于在本地插入的时候,markdown对图片的引用链接是基于本地的,而上传之后服务器对markdown进行解析渲染的时候对这个本地链接解析时无法找到对应的图片,导致错误。
为了解决这个问题,需要将图片上传到图床(可以理解为专门存储图片的服务器),然后服务器会产生该图片的一个链接(外链),利用该外链,在markdown上传之后能够使服务器对该图片进行载入。这样,利用图床产生的外链就可以在markdown中载入图片了。
但是还是有个弊端。
问题:
将图片上传到图床然后获取外链是一个麻烦的过程,需要
打开图床 -》上传图片 -》 等待上传 -》获得外链
有时还会上传慢甚至失败,是一个繁琐的过程。
解决方法:
使用PicGo将这些过程自动化。(本文在配置中使用了七牛云作为例子)
具体操作步骤:
-
下载picgo:由于国内网络的不可抗力因素,因此这里用国内的资源进行下载:picgo2.2下载链接以及最新版的typora下载链接
-
注册七牛云账号,并且新建空间,参考这里
不过这个教程里面,由于需要在线下载picgo,对于国内用户在网络下载方面不太友好,尝试失败,需要换另一种方式 -
在picgo软件中进行配置:具体配置如下:
设定AccessKey以及SecretKey,可以通过七牛云的密钥管理看到
存储空间名称是刚才新建的存储空间名称
设定访问网址在七牛云的对象存储->空间管理->CDN 测试域名。如下图所示
-
picgo上传图片快捷键设置:原来默认的上传快捷键较为复杂,可以自行修改,修改位置如下所示
图片上传完七牛云之后,使用ctrl+V,可以将图片的网络连接复制到markdown里面了,这时的链接是七牛云链接而不是本地链接,至此Picgo和七牛云配置完成
5.配置typora的偏好设置,在文件->倒数第二个选项栏:偏好设置里面