javascript - nextjs 自定义静态文件的显示方式？

Question

是否可以自定义静态文件（主要是图像）的显示方式？

例如，当我们访问一个站点的静态文件时：https ://c.tenor.com/-mHyVN9SAzoAAAAC/henry-sad-henry.gif

它基本上显示了一个简单的img元素。我可以在那里动态呈现额外的元素，保持 url 不变（以文件名和扩展名结尾）

基本上，我想在仅支持直接链接（以文件名和扩展名结尾）的 subreddit 中使用我的站点图像，但还想在图像中显示我的站点名称和其他一些内容。

我正在使用 Next.JS 框架

标签： javascriptnext.js

Answer 1

嗯，是的，也不是。

当您将静态图像加载到主浏览器视口中时，浏览器将生成一个简单的 HTML 文档来显示它。

如果要显示自定义 HTML 文档，则需要提供自己的 HTML 文档。

这基本上归结为提供一条路线。您可以使用:slug语法来替换图像的文件名，然后将其加载到src图像的你的品牌）。

但是，如果你这样做了——虽然 URL 将以文件名和扩展名结尾——它不会是直接链接，所以它会违反规则。