Hexo博客Next主题图片懒加载

jquery-lazyload for NexT

下载安装

下载theme-next-jquery-lazyload

1
$ git clone https://github.com/theme-next/theme-next-jquery-lazyload

找到jquery.lazyload.js​文件,将该文件放到node_modules\hexo-theme-next\source\js\​文件夹下

主题配置

Next主题 _config.next.yml​ 文件:

1
lazyload: true

查看是否生效

hexo cl && hexo g​之后,进入自己的网页,随意对任一图片进行”审查元素”,如果你的img​元素中包含data-loaded="true"​,说明Lazyload已经生效。

参考

Hexo + NexT 深度个性化配置 (2020.1 更新) | UPWNothing's Playground