question-mark
Stuck on an issue?

Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.

And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.

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

See original GitHub issue

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 屏幕截图

image

Build Environment 构建环境

  • OS: [macOS]
  • Theme version/commit: b4855efc13163ec0f55426e211d0c25d538295bd
  • 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"
---

Issue Analytics

  • State:closed
  • Created 2 years ago
  • Comments:5 (5 by maintainers)

github_iconTop GitHub Comments

2reactions
HEIGE-PCloudcommented, Jun 24, 2021

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.

1reaction
wey-gucommented, Jun 25, 2021

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.

Read more comments on GitHub >

github_iconTop Results From Across the Web

7 Ways to Fix Google Chrome Not Loading Images - MakeUseOf
Is your browser unable to load images? This can be frustrating, but you can try out these various methods to fix the issue...
Read more >
9 Fixes When Images Not Loading in Chrome - Help Desk Geek
9 Fixes When Images Not Loading in Chrome · 1. Try a Different Browser · 2. Check the Show All Images Option ·...
Read more >
WordPress Featured Image Not Showing Properly (Or Not At All)
Learn how to fix WordPress featured image not showing properly on your site. We'll explore both manual and plugin solutions.
Read more >
Fix problems that cause images to not show | Firefox Help
If you are experiencing difficulty downloading or viewing images in Firefox, follow the troubleshooting instructions in this article.
Read more >
WordPress Featured images not displaying on Chrome ...
I recently observed that many (everything except one) featured images stopped displaying when I access the website using Google Chrome browser ...
Read more >

github_iconTop Related Medium Post

No results found

github_iconTop Related StackOverflow Question

No results found

github_iconTroubleshoot Live Code

Lightrun enables developers to add logs, metrics and snapshots to live code - no restarts or redeploys required.
Start Free

github_iconTop Related Reddit Thread

No results found

github_iconTop Related Hackernoon Post

No results found

github_iconTop Related Tweet

No results found

github_iconTop Related Dev.to Post

No results found

github_iconTop Related Hashnode Post

No results found