hexo-theme-fluid icon indicating copy to clipboard operation
hexo-theme-fluid copied to clipboard

打开图片预加载后(lazyload.enable=true),有的文章因为图片较多,导致点击目录时定位不准

Open changelzj opened this issue 1 year ago • 2 comments

请确认

  • [* ] 是当前最新的 Release 版本
  • [*] 本地 hexo clean && hexo s,并且清除浏览器缓存,仍可复现
  • [*] 已经排除是其他 Hexo 插件影响

Bug 描述

打开图片预加载后(lazyload.enable=true),有的文章因为图片较多,导致点击目录时定位不准,关掉图片预加载时是正常的 例如下面网站,当第一次点击目录的3.1时总是跳到2.4

https://blog.liuzijian.com/post/209e68d0-a418-1737-503a-d47e6d2d9350.html

复现步骤

打开https://blog.liuzijian.com/post/209e68d0-a418-1737-503a-d47e6d2d9350.html 目录加载完后,第一次点击3.1,会发现跳到2.4,除此之外点击其他目录位置也有可能有类似现象

changelzj avatar Nov 17 '24 02:11 changelzj

这个是占位图片和实际图片的宽高不一致导致的,如果需要修改可能得在编译时就获取相应的图片宽高放在页面中,供占位图片引用。比较麻烦,看哪位好心人可以改一下

xiyuvi avatar Nov 19 '24 07:11 xiyuvi

关于这个问题我之前请我同事帮忙,提出了需求然后修改一些文件帮我实现了,具体可以看我这篇:https://neko7ina.com/3pYN3gXxJqMVfe.html 想看具体效果可以点这篇,这篇图多:https://neko7ina.com/travel-in-tokyo-again.html

不过现在的问题是图片的尺寸还得是从本地拿,即使我图片资源上了 CDN,我也需要在本地目录保留一份相同的图片资源,我查了查是有办法可以从在线图片获取尺寸信息,但是我用不到就没请同事继续再研究。 还有就是我这个有很重的个人使用习惯,每个图片都会有个体积很小的占位图用来模糊化,而不是使用统一的占位图。 内容只能算是给大家一个思路,具体要用还得根据各位的使用习惯进行修改。

huaxianyan avatar Nov 20 '24 07:11 huaxianyan