[BUG] featured images path was not rendered properly on windows browsers

[wey-gu]

Describe the bug 描述你遇到的错误

It's found on windows (firefox, edge) that the featured images on the home page suffered from 404.
It worked well on macOS for all browsers, thus this issue seemed to exist for a long time.
Am I doing it wrong? or something wrong in lazy load part or?

Expected behavior 期待的行为

Browser should display this picture from alt rather than data-src, while it seemed to go for data-src only and 404 encouterred :(

<a href="/nebula-operator-kind/" aria-label=Nebula&#32;Operator&#32;Kind，一键单机玩转&#32;Nebula&#32;K8s&#32;集群><img
        class="lazyload"
        data-src="featured-image.webp"
        data-srcset="/nebula-operator-kind/featured-image.webp, featured-image.webp 1.5x, /nebula-operator-kind/featured-image.webp 2x"
        data-sizes="auto"
        alt="/nebula-operator-kind/featured-image.webp"
        title="无需依赖，一键安装尝鲜基于 Nebula Operator 的 K8s Nebula Graph Cluster" height="auto" width="auto"
    />

I am not expert in the frontend, not sure if the wrong behavior I found is the root cause :-p

Screenshots 屏幕截图

Build Environment 构建环境

• OS: [macOS]
• Theme version/commit: b4855ef
• Hugo version: "v0.83.1+extended darwin/arm64 BuildDate=unknown"

Preview Environment 预览环境

• OS: [Windows 10]
• Browser [Edge, Firefox]

Additional Information 补充信息

Can be checked from siwei.io in a windows machine.

post head in index.md

---
...
featuredImage: "featured-image.webp"
featuredImagePreview: "featured-image.webp"
---

[wey-gu]

update: tried manually changed lazysizes js to 5.3.1, issue still observed :-)

[HEIGE-PCloud]

Try using this way to import featured image for now.

resources:
- name: "featured-image"
  src: "featured-image.webp"
- name: "featured-image-preview"
  src: "featured-image-preview.webp"

I will look into it.

[wey-gu]

Try using this way to import featured image for now.

resources:
- name: "featured-image"
  src: "featured-image.webp"
- name: "featured-image-preview"
  src: "featured-image-preview.webp"

I will look into it.

Thank you @HEIGE-PCloud !
I switched to the resources now, it should be fine now!

-        data-src="featured-image.webp"
-        data-srcset="/en/nebula-chia/featured-image.webp, featured-image.webp 1.5x, /en/nebula-chia/featured-image.webp 2x"
+        data-src="/en/nebula-chia/featured-image.webp"
+        data-srcset="/en/nebula-chia/featured-image.webp, /en/nebula-chia/featured-image.webp 1.5x, /en/nebula-chia/featured-image.webp 2x"

[HEIGE-PCloud]

The issue is fixed. featuredImage and featuredImagePreview should work correctly.

Now all featured images on the documentation site are set by the newly fixed featuredImage parameters instead of the old resources parameters.

[wey-gu]

The issue is fixed. featuredImage and featuredImagePreview should work correctly.

Now all featured images on the documentation site are set by the newly fixed featuredImage parameters instead of the old resources parameters.

Thanks a ton, @HEIGE-PCloud !!! You are turely amazing.