相信大家一开始用Markdown编辑器写文章再把它上传到博客上都会遇到一个头疼的问题:就是本地图片不会直接上传到博客上。

然后就会出现下面这样的情况。

image-20220312163437607

在这种情况下一张一张图片重新导入实属太麻烦。

最优雅的解决方法就是利用图床客户端把在图片插入时上传到图片服务器。这样导入博客的时候引用的就是已上传到图片服务器的外链接。

在这方面我也踩了个坑。一开始使用的是Typora+Picgo+Gitee,但这种搭配好像在macOS上行不通,Picgo可以把图片成功上传到Gitee,但Typora一直接收不到上传成功的返回信息一直是请求超时,所以不会自动把图片链接改为已上传成功的图片的外链接。

后来找到了另一种在Mac上可行的方案:Typora+uPic+Gitee。

下面是教程。

1.Gitee创建仓库

在gitee上按如下配置创建一个仓库作为存储图片的地方。

image-20220312164540149

image-20220312164827550

创建后才能在基础信息里把仓库设为公开。

image-20220312165002473

然后在个人设置里面创建私人令牌

image-20220312165221819

image-20220312165425596

image-20220312165445409

私人令牌只会出现一次,关掉后不能再看了,所以一定要把私人令牌复制保存下来!

2 uPic配置Gitee图床

下载安装:

brew install bigwig-club/brew/upic --cask

下载完一定要在系统偏好设置-扩展-访达扩展里把下面这一项勾选了。

image-20220312165847992

然后就是配置Gitee图床了

image-20220312170047744

配置说明:

​ 用户名: 码云主页是https://gitee.com/xxx123的话,那么用户名就是xxx123。

​ 仓库名: 需要储存上传文件的仓库名称。

​ 分支: 分支名称,默认是master。必须先创建好对应分支,才能使用。

​ Token: 码云的私人令牌。

​ 域名: 默认可不设置域名,会使用码云默认的访问地址。

​ 保存路径: 可以根据上面的提示设定保存的文件路径和文件名。

3 Typora配置上传图片

在typora偏好设置-配置-图像做如下配置。

image-20220312170621348

如上配置完后点击验证图片上传选项,看到上传成功了,说明配置没问题了。

image-20220312170735664

下面试一下效果。

image-20220312170914657

image-20220312170947051

可以看到图片链接由本地链接自动变成了gitee仓库上的外部链接,说明成功了。

这样的话以后写完Markdown文本就可以直接优雅导入上传到博客上了。

Logo

开放原子开发者工作坊旨在鼓励更多人参与开源活动,与志同道合的开发者们相互交流开发经验、分享开发心得、获取前沿技术趋势。工作坊有多种形式的开发者活动,如meetup、训练营等,主打技术交流,干货满满,真诚地邀请各位开发者共同参与!

更多推荐