hexo-image-link-with-display-size

Convert Markdown Image Path to asset_img with Display size

Usage no npm install needed!

<script type="module">
  import hexoImageLinkWithDisplaySize from 'https://cdn.skypack.dev/hexo-image-link-with-display-size';
</script>

README

hexo-image-link-with-display-size

When enabled hexo post_asset_folder: true, convert the markdown image path to asset_img syntax, to make the image display both in typora and hexo.

Original size of Image

![image file label](./markdown-file-name/local-image.png) -> {% asset_img label local-image.png %}

Custom size of image

![image file label](./markdown-file-name/local-image.png =100x100) -> {% asset_img local-image.png 100 100 label %}

hexo-image-link's problem

It work well,but without set image display size, so i add the features.

Install

$ npm install hexo-image-link-with-display-size --save

Usage

Make Sure You Enable hexo-asset-folder: true which in hexo's _config.yml.

Edit Markdown and insert image.

![label](./20200315-es-monitoring-guide/image-name.jpg)

or

![label](./20200315-es-monitoring-guide/image-name.jpg =100x100)

Reference

  1. hexo-asset-image
  2. hexo-simple-image
  3. hexo-image-link