当前位置: 首页 > 后端技术 > Node.js

给Markdown图片增加尺寸!

时间:2023-04-04 00:15:03 Node.js

对于Markdown文章,图片处理非常简单。但是转成HTML后,就没有图片的大小了。那么问题是什么?当浏览器还没有加载完图片数据时,浏览器并不知道它的尺寸,所以默认尺寸为0,除非在某个时候通过样式设置尺寸后,图片加载完成,浏览器获取到图片size,而且文章会有跳跃感,阅读体验不好。解决这个问题,可以在写markdown文字的时候插入一张图片,写成但是现在有更多方便的节点包=>markdown-image-尺寸。它会解析markdown文本,获取![]()文本中的src,通过读取本地文件或发送请求获取图片数据,进而获取图片大小,然后进行文本替换/插入工作。使用npminstall-gmarkdown-image-sizeUsage:mimgs[options]Options:-v--versiongetcurrentversion-h--helphowtouseit-s--source相对路径的基本路径-o--overwrite覆盖文件-q--quiet不要打印任何-l--log打印日志,不要打印文本--ignore-relative忽略相对路径,覆盖任何-soptions.mimgs-s"dirPathorbaseUrl"file/to/*.md-o