Hub

مساحات HTML الثابتة

تستضيف Spaces أيضًا HTML مخصصًا لتطبيقك بدلاً من استخدام Streamlit أو Gradio. اضبط sdk: static داخل كتلة YAML في أعلى ملف README.md الخاص بـ Spaces. ثم يمكنك وضع كود HTML الخاص بك داخل ملف index.html.

مساحات Static مجانية للجميع: فهي تُقدَّم مباشرةً دون تشغيلها على وحدات معالجة، لذا على عكس مساحات Gradio وDocker، لا يتطلب إنشاؤها أبدًا اشتراكًا مدفوعًا.

فيما يلي بعض الأمثلة على مساحات (Spaces) تستخدم HTML مخصصًا:

Smarter NPC: عرض مشروع PlayCanvas باستخدام iframe في Spaces.
Huggingfab: عرض نموذج Sketchfab في Spaces.
نشر الباقي: ارسم ونشر الباقي

إضافة خطوة بناء قبل تقديم الخدمة

تدعم المساحات الثابتة (Static Spaces) إضافة خطوة بناء مخصصة قبل تقديم أصولك الثابتة. وهذا مفيد لإطارات الواجهة الأمامية مثل React وSvelte وVue التي تتطلب عملية بناء قبل تقديم التطبيق. يتم تنفيذ أمر البناء تلقائيًا عند تحديث مساحتك.

أضف app_build_command داخل كتلة YAML في أعلى ملف README.md الخاص بمساحتك، وapp_file.

على سبيل المثال:

app_build_command: npm run build
app_file: dist/index.html

أمثلة على المساحات:

في الخلفية، سيقوم ببدء عملية البناء، مع تخزين الملفات المولّدة في مرج خاص باسم refs/convert/build.

متغيرات المساحة

يمكن تمرير متغيرات بيئة مخصصة إلى مساحتك. كما تتوفر معلومات OAuth مثل معرّف العميل والنطاق كمتغيرات بيئة، إذا كنت قد فعّلت OAuth لمساحتك.

للاستخدام هذه المتغيرات في JavaScript، يمكنك استخدام كائن window.huggingface.variables. على سبيل المثال، للوصول إلى متغير OAUTH_CLIENT_ID، يمكنك استخدام window.huggingface.variables.OAUTH_CLIENT_ID.

فيما يلي مثال على مساحة تستخدم متغيرات بيئة مخصصة مع تفعيل oauth وعرض المتغيرات في HTML:

المتغيرات الثابتة

Update on GitHub