Huggingface.js

加入 Hugging Face 社群

並獲得增強的文件體驗

在模型、資料集和 Spaces 上進行協作

透過加速推理獲得更快的示例

切換文件主題

開始使用

🤗 Hugging Face Space Header

一個由 Typescript 驅動的 Space mini_header 功能封裝。

pnpm add @huggingface/space-header

npm add @huggingface/space-header

yarn add @huggingface/space-header

// esm.sh
import { init } from "https://esm.sh/@huggingface/space-header"
// or npm:
import { init } from "npm:@huggingface/space-header"

import { init } from "@huggingface/space-header";

// ...

init(":user/:spaceId");
// init("enzostvs/lora-studio") for example

❗重要提示：init 方法必須在客戶端呼叫。

使用 target 選項將 space-header 注入到另一個 DOM 元素中

const app = document.getElementById("app");

// ...

init(":user/:spaceId", {
  target: app
});

如果您已經有空間資料，也可以將其作為引數傳遞，以避免一次獲取

init(space);

// space = {
//  id: string;
//  likes: number;
//  author: string;
// }