Space'inizi başka bir web sitesine yerleştirin

Space'iniz çalışmaya başladığında, onu bir web sitesine veya blogunuza yerleştirmek isteyebilirsiniz. Space'inizi yerleştirmek veya paylaşmak, izleyicilerinizin herhangi bir kurulum gerektirmeden çalışmalarınızla ve demolarınızla etkileşime girmesini sağlayan harika bir yoldur. Bir Space'i yerleştirmek için görünürlüğünün public veya protected olması gerekir. Protected Space'ler, Hub üzerinde kaynak kodlarını gizli tutarken, yerleştirme URL'leri (ve yapılandırıldığında custom domains) üzerinden herkese açık olarak erişilebilir kalır. Daha fazla ayrıntı için Space visibility bölümüne bakın.

Doğrudan URL

Bir Space'e, Space'inizi paylaşmak veya bir web sitesine yerleştirmek için kullanabileceğiniz benzersiz bir URL atanır.

Bu URL şu biçimdedir: "https://<space-subdomain>.hf.space". Örneğin, NimaBoscarino/hotdog-gradio Space'inin karşılık gelen URL'si "https://nimaboscarino-hotdog-gradio.hf.space"'dir. Alt alan adı benzersizdir ve yalnızca Space'inizi taşıdığınızda veya yeniden adlandırdığınızda değişir.

Alanınız her zaman bu alt alan adının kökünden sunulur.

Space URL'sini ve onu nasıl gömebileceğinize dair örnek kod parçacıklarını doğrudan seçenekler menüsünden bulabilirsiniz:

IFrame ile Gömme

Bir Space için varsayılan gömme yöntemi IFrames kullanmaktır. Space'inizi gömmek istediğiniz HTML konumuna aşağıdaki öğeyi ekleyin:

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

Örneğin NimaBoscarino/hotdog-gradio Space kullanılarak:

WebComponents ile Yerleştirme

Gömülecek Space'iniz Gradio tabanlıysa, Space'inizi gömmek için Web Components kullanabilirsiniz. WebComponents, IFrames'e kıyasla daha hızlıdır ve web sayfanıza otomatik olarak uyum sağlar; bu sayede öğeniz için width veya height yapılandırmanıza gerek kalmaz. Öncelikle, Space'teki Gradio sürümüne karşılık gelen Gradio JS kütüphanesini, HTML'inize aşağıdaki script'i ekleyerek içe aktarmanız gerekir.

Ardından, Space'inizi yerleştirmek istediğiniz yere bir gradio-app öğesi ekleyin.

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

Daha fazla ayrıntı için Gradio belgelerini inceleyin.