A medium-like image lazyload plugin, the images will be loaded right after it appears on the page
while scolling down, otherwise, it'll be presented in blur style. This plugin will only perform in post
page, because I didn't know how to inject JavaScrip and CSS into index.html
, if you know how to do it,
plase let me know, I'd really appreciate it! This plugin will generate a medium-image-plugin/
folder
inside public/
folder for storing thumbnails. If you still have any problem, let me know please!
Hope it works for you!
Note: Node V6.0 or higher is requird.
npm install hexo-medium-image-plugin --save
Specify your static image path in _config.yml
.
medium_image_plugin:
image_path: 'img'
max_width: 680
image_path
means where your images stored. max_width
means the maximum of page width.
If you want to use it in all pages, clean it first.
hexo clean
And then, re-generator all pages.
hexo g
- Scroll Listener
- Image Magnifier
MIT