Open seiki-yui opened 6 months ago
图片懒加载易出现高度跳变/布局抖动,对于多图博客的体验稍稍有点不友好 所以希望Stellar能加入类似的功能,如占位图片等,在滚动页面时来避免这种高度跳变/布局抖动…
实现的思路大概是:嗅探图片对应的图片,读取宽高并硬编码写到dom里。
由于不同用户插入图片的方式不尽相同,所以可能需要分多种情况读取图片:
post_asset_folder: true marked: prependRoot: true postAsset: true
在文章里看到 ”srcset“ 相关的内容,应该能作为实现方案之一; 由于并不熟悉与Hexo代码打交道,之后基本没有清晰的思路,于是在此请求。
希望作者能加入此功能!
检查清单
问题描述
图片懒加载易出现高度跳变/布局抖动,对于多图博客的体验稍稍有点不友好 所以希望Stellar能加入类似的功能,如占位图片等,在滚动页面时来避免这种高度跳变/布局抖动…
实现的思路大概是:嗅探图片对应的图片,读取宽高并硬编码写到dom里。
由于不同用户插入图片的方式不尽相同,所以可能需要分多种情况读取图片:
减小图片加载布局抖动和在 Hexo 中的最佳实践
在文章里看到 ”srcset“ 相关的内容,应该能作为实现方案之一; 由于并不熟悉与Hexo代码打交道,之后基本没有清晰的思路,于是在此请求。
希望作者能加入此功能!