hexo-lazyload-image(图片懒加载插件)

点击这里查看

安装

1
$ npm install hexo-lazyload-image --save

用法

首先从你的hexo项目_config.yml中添加配置。

1
2
3
4
lazyload:
enable: true
onlypost: false
loadingImg: # eg ./images/loading.gif

Onlypost

  • 如果为true,则仅帖子或页面中的图像将支持懒加载。
  • 如果为false,则网站的整个图像将使用懒加载,包括与主题距离较远的图像,但不包括CSS样式的背景图像。

loadingImg

  • 如果不设置任何值(默认情况下),则它将使用默认的加载图像。
  • 如果要自定义图像,则需要将加载的图像复制到当前主题图像文件夹,然后更改此路径以找到它。

为指定图像指定不延迟

如果同时在markdown或html中的img标签上指定属性,我们也可以禁用图片懒加载

1
<img no-lazy src="abc.png" />

运行hexo命令。

1
$ hexo clean && hexo g

评论