Huggingface.js 文档

🤗 Hugging Face 空间头部

Hugging Face's logo
加入 Hugging Face 社区

并访问增强的文档体验

开始使用

🤗 Hugging Face Space 标题

一个使用 TypeScript 构建的 Space mini_header 功能包装器。

space header preview

安装

pnpm add @huggingface/space-header

npm add @huggingface/space-header

yarn add @huggingface/space-header

Deno

// 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;
// }
< > 在 GitHub 上更新