语雀导出markdown无法显示图片怎么办?一行正则,轻松搞定!

1,198 阅读2分钟

持续创作,加速成长!这是我参与「掘金日新计划 · 10 月更文挑战」的第1天,点击查看活动详情

Hi~ o( ̄▽ ̄)ブ 大家好,这里是杰哥的Java小窝-掘金分站!

问题引出

相信有许多小伙伴和我一样,喜欢用语雀来记录自己的学习历程,之后再以markdown格式导出,粘贴到掘金等网站和大家分享(zhuang bi),但是每次打开导出的markdown文件时,会发现所有图片都无法正常展示(以Typora的展示为例):

image.png

问题分析

这是因为语雀存储图片时,会对图片的长宽等各项参数进行了保存,导致在其他markdown软件打开时无法正确解析图片url。

解决方案

1.逐个解决

只需要将每个图片url的 “#” 符号到最后的 “)” 之间的内容删除,图片即可正常展示,但是如果文章中图片非常多的话,这个工作量还是很大的!

2.脚本解决

有大佬为了一劳永逸解决这个事情,直接写了一个处理脚本,每次从语雀导出markdown格式文件是,通过脚本处理后,所有图片即可正常展示,具体操作方法可以参考下文:

脚本修复语雀导出markdown文件图片无法展示问题:cloud.tencent.com/developer/a…

献上我的膝盖~

但是!首先,杀鸡焉用宰牛刀;其次,不是所有人都有python环境来运行相关脚本。

因此,分析相关脚本后,本文提出第三种解决方案,可以更加方便快速的处理这种问题。

3.正则解决

废话不多说,直接上操作步骤:

step1: 安装或检查本地markdown文件编辑器Typora版本,是否为1.4.7或以上(如果不是,请点击这里下载最新版本)

step2: 打开需要显示图片的md文件,操作 "CTRL+ H" 查找替换框,选中正则表达式。

image.png

step3:#clientId=[a-z0-9\-&=%\.]*粘贴到查找处,点击“全部”进行替换(注意前后不要有空格!)。

image.png

至此处理完毕~ 这种处理方式其实就是利用了新版本Typora的全局正则匹配功能,灰常强大!