将你的 Space 嵌入到其他网站

一旦你的 Space 启动并运行，你可能希望将其嵌入到网站或博客中。嵌入或分享你的 Space 是让你的受众与你的工作和演示互动的绝佳方式，而无需他们进行任何设置。要嵌入 Space，其可见性需要是公开的。

直接 URL

Space 被分配了一个唯一的 URL，你可以使用它来分享你的 Space 或将其嵌入到网站中。

此 URL 的格式为："https://<space-subdomain>.hf.space"。例如，Space NimaBoscarino/hotdog-gradio 对应的 URL 是 "https://nimaboscarino-hotdog-gradio.hf.space"。子域名是唯一的，只有在你移动或重命名你的 Space 时才会更改。

你的 Space 始终从该子域的根目录提供服务。

你可以从选项菜单中找到 Space URL 以及如何直接嵌入它的示例代码片段

使用 IFrames 嵌入

Space 的默认嵌入方法是使用 IFrames。在你想嵌入你的 Space 的 HTML 位置添加以下元素

<iframe
    src="https://<space-subdomain>.hf.space"
    frameborder="0"
    width="850"
    height="450"
></iframe>

例如，使用 NimaBoscarino/hotdog-gradio Space

使用 WebComponents 嵌入

如果你想嵌入的 Space 是基于 Gradio 的，你可以使用 Web Components 来嵌入你的 Space。WebComponents 比 IFrames 更快，并且可以自动调整到你的网页，因此你无需为你的元素配置 width 或 height。首先，你需要导入与 Space 中的 Gradio 版本对应的 Gradio JS 库，方法是将以下脚本添加到你的 HTML 中。

然后，在你想要嵌入你的 Space 的位置添加一个 gradio-app 元素。

<gradio-app src="https://<space-subdomain>.hf.space"></gradio-app>

查看 Gradio 文档 以获取更多详细信息。