在网站上从嵌入式评论创建主题时图片未显示

在我们付费托管的实例 discuss.ipfs.io 上,从网站 blog.ipfs.io 的嵌入评论创建的帖子未能正确导入文章中的图片 URL,导致点击“显示完整帖子…"后,帖子内容中的图片无法显示。

示例:

博客文章:Welcome to IPFS Weekly 133: April Meetup, Scaling Ethereum, Protocol Labs Resnet Lab, and More | IPFS Blog & News
Discourse 话题:Welcome to IPFS Weekly 133 | IPFS Blog & News - Blog Posts - IPFS Forums

看起来相对图片 URL 未被正确解析,导致最终 Discourse 话题内容中缺少了一个斜杠?
URL 显示为 https://blog.ipfs.io..assets/ ,而它们本应是 https://blog.ipfs.io/../assets/

谢谢!

1 个赞

问题与您的网站上图像 src 的设定方式有关。查看 Welcome to IPFS Weekly 133: April Meetup, Scaling Ethereum, Protocol Labs Resnet Lab, and More | IPFS Blog & News 中的帖子,该帖子中的图像其 src 被设置为:

../assets/img/2021-04-14-cardheader-scaling-ethereum-1459531d.1459531d.png

这导致 Discourse 将 src 设置为:

https://blog.ipfs.io../assets/img/2021-04-14-cardheader-scaling-ethereum-1459531d.1459531d.png

从而导致图片无法显示。通过在浏览器控制台中将 src 修改为 https://blog.ipfs.io/../assets/img/2021-04-14-cardheader-scaling-ethereum-1459531d.1459531d.png,问题得以解决。

我不确定 Discourse 应如何处理这种情况。我会仔细查看 Discourse 中用于将 src URL 绝对化的相关代码,看看是否有可行的解决方案。

1 个赞

谢谢 Simon,感谢您对此事的关注。

该问题的原因是,您网站上的图片使用了相对路径(../)进行服务。Discourse 正确地为主机名添加了路径,但未能主机名后添加斜杠(/)。

该问题似乎出现在此处:

我想不出任何 src 以相对路径开头时,不在 uri.host 后添加斜杠是合理的场景。我会咨询我们的工程团队,看看他们对这一修改的看法。我们可能无法在下周初之前给您回复。

3 个赞

谢谢西蒙,没关系,下周没问题。祝你周末愉快!

你好 @simon

对此有什么进展吗?

谢谢!

抱歉,目前暂无更新。我们的工程团队已注意到该问题。我会持续跟进,确保问题得到解决。很遗憾,我无法为您的站点提供任何临时解决方案。

1 个赞

嘿,Simon,希望你一切顺利。

这件事预计什么时候能完成?

抱歉,目前尚无预计完成时间。我们正在内部讨论需要进行的嵌入功能改进。关于嵌入代码无法处理相对 src 路径的问题已被记录,并将予以修复。

2 个赞

您好,

我是负责此问题的工程师。我刚刚向您的网站推送了一个补丁,问题已得到解决。在 Welcome to IPFS Weekly 133 | IPFS Blog & News - Blog Posts - IPFS Forums 中可以看到正确的图片。

如果您还需要其他帮助,请告诉我。

5 个赞

此主题已在 3 天后自动关闭。不再允许回复。