摘要：對(duì)于文章，對(duì)于圖片的處理很簡(jiǎn)單。但是轉(zhuǎn)化成后，不帶有圖片的大小。

對(duì)于 Markdown 文章，對(duì)于圖片的處理很簡(jiǎn)單。

但是轉(zhuǎn)化成 HTML 后， 不帶有圖片的大小。

那么這樣帶來的問題是什么呢？

瀏覽器在未加載完圖片數(shù)據(jù)的時(shí)候，瀏覽器是不知道其大小的
所以，默認(rèn)大小都是 0，除非通過 style 設(shè)置了大小
之后的某個(gè)時(shí)候，圖片加載完成，瀏覽器得到圖片大小，文章就會(huì)有跳動(dòng)的感覺，閱讀體驗(yàn)不佳

解決該問題，可以在書寫 markdown 文本的時(shí)候插入圖片就書寫成

但是現(xiàn)在有更方便的 node package => markdown-image-size.

將會(huì)解析 markdown 文本，得到 ![]() 文本中的 src ，通過讀本地文件或發(fā)送請(qǐng)求得到圖片數(shù)據(jù)，從而得到圖片大小，然后進(jìn)行文本 替換/插入 即可。

npm install -g markdown-image-size

 Usage: mimgs [options] 

 Options:

   -v --version                get current version
   -h --help                   how to use it
   -s --source    base path from relative path
   -o --overwrite              overwrite files
   -q --quiet                  Don"t print any
   -l --log                    Do print log, Don"t print text
   --ignore-relative           ignore relative path, overrides any -s options.

mimgs -s "dirPath or baseUrl" file/to/*.md -o