hexo图片懒加载方案

自从给hexo+next配置了背景图片之后，发现博客网站加载比较缓慢，就想着给图片添加上懒加载功能。

解决方案也很简单，就是通过依赖hexo-lazyload-image模块。

配置

1. 新增hexo-lazyload-image模块

npm install hexo-lazyload-image --save

2. 在站点配置文件_config.yml增加配置

lazyload:
  enable: true
  onlypost: false
  loadingImg: /images/loading.png

onlypost: 是否仅文章中的图片做懒加载, 如果为 false, 则主题中的其他图片, 也会做懒加载, 如头像, logo 等任何图片.
loadingImg - 图片未加载时的代替图
不填写使用默认加载图片, 如果需要自定义，添填入 loading 图片地址，如果是本地图片，不要忘记把图片添加到你的主题目录下。 Next 主题需将图片放到 \themes\next\source\images 目录下, 然后引用时: loadingImg: /images/图片文件名

文章转载自https://github.98.tn/hexo-lazyload/