技术人的福音!教你如何使用Typora+PicGo实现图片自动上传功能

写技术文章的小伙伴,对于 Typora 肯定不陌生,用来编写 Markdown 特别的方便。

但是,有个问题,就是当我们插入一个图片,并且使之可以在公网访问时,操作流程特别的麻烦。

首先,你需要截图生成一个图片文件。然后,把这个图片文件手动上传到图床,然后再复制图片的外链地址,然后,再把链接地址粘贴到文章中。沃德天,这一顿操作下来,想一想就可怕。

而现在,我只需截图之后,直接 Ctrl+V 到 Typora,就会自动生成链接,并且自动上传图片到图床,简直不要太爽。

因此,本篇文章就教你怎样用 Markdown 编辑器 Typora ,搭配图片上传工具 PicGo ,配合七牛云图床。实现自动化上传功能。

配置七牛云图床

关于图床,你有很多选择。比如阿里云图床,腾讯云图床,github图床等等。还有很多其他不知名的图床就不介绍了,因为很多免费图床都非常不稳定。

这里就以七牛云图床为例,因为它相对比较稳定。并且,有10个G的免费空间可供使用,这对于写博客来说完全够用了。

技术人的福音!教你如何使用Typora+PicGo实现图片自动上传功能

配置空间

首先,你需要申请一个七牛云账号,这里就不详说了,相信这难不倒你。

然后找到对象存储 -> 空间管理 -> 新建空间。填写一个空间名称,存储区域自选,最好选择离你地理位置比较近的地方。然后访问控制一定要设置为公开。

技术人的福音!教你如何使用Typora+PicGo实现图片自动上传功能

创建成功之后,就会显示当前的空间概览。

技术人的福音!教你如何使用Typora+PicGo实现图片自动上传功能

此时,七牛云会分配一个测试域名。需要注意的是,这个只是给你测试用的,只有30天时间,到期之后就会自动回收。因此,我们需要配置一个自己的域名。

自定义域名

关于怎样申请域名以及域名备案,这里就不赘述了,可自行网上查阅相关资料。(之前,为了开发微信小游戏,我迫不得已只能把域名备案,并且升级为 https) 不过,这里用 http 就可以了。

点击上图测试域名左边的”自定义域名“,进入下图的创建域名页面。其他都选默认,只需要配置加速域名,在你自己的域名前面加一个前缀(如cdn,img),形成二级域名。比如我的一级域名是 xx.cn,前面再加上 cdn,即 cdn.xx.cn 。这个 cdn 前缀需要和后边的 CNAME解析相对应。

技术人的福音!教你如何使用Typora+PicGo实现图片自动上传功能

成功之后是下图这个样子,需要等一会儿让它配置部署。然后复制一下 CNAME,稍后 CNAME 解析需要用到这个。

技术人的福音!教你如何使用Typora+PicGo实现图片自动上传功能

配置 CNAME

由于我使用的是腾讯云,因此以腾讯云为例,配置 CNAME 解析,其他云平台类似。

打开腾讯云控制台,找到域名管理,然后选择解析。

技术人的福音!教你如何使用Typora+PicGo实现图片自动上传功能

然后点击添加记录。主要关注三个选项,其他都默认就行。

技术人的福音!教你如何使用Typora+PicGo实现图片自动上传功能

主机记录,就是在七牛云配置的二级域名前缀(以cdn为例),

记录类型,选择 CNAME 固定值。

记录值,就是刚才在七牛云复制的 CNAME,格式一般为:二级域名前缀-一级域名-idvbotb.qiniudns.com。

点击保存,稍等一会儿,在七牛云后台刷新,看到状态为成功,则说明配置成功。

技术人的福音!教你如何使用Typora+PicGo实现图片自动上传功能

可参考官方文档:https://developer.qiniu.com/fusion/kb/1322/how-to-configure-cname-domain-name

图片上传工具 PicGo

图床配置好了,但是上传图片需要我们在七牛云后台上传,特别的不方便。因此,这里用一款比较优秀的图片上传工具 PicGo。可自行搜索下载地址,选择最新稳定版 2.2.2 。

安装好之后,找到图床设置,需要配置一下七牛图床的参数。

内容版权声明:除非注明,否则皆为本站原创文章。

转载注明出处:https://www.heiqu.com/wsszwx.html