Hexo博客Next主题图片懒加载

发表于 分类于 ， 阅读次数： Changyan： 本文字数： 131 阅读时长 ≈ 1 分钟

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