安装和配置

安装

首先，使用你偏好的包管理器进行安装。

设置

1. 用<MetaProvider />包装你的应用程序。
2. 要在应用程序中包含头部标签，请渲染以下任一内容：:
   1. <Title />: 添加页面的 title 。
   2. <Meta />: 向页面添加额外的元数据。
   3. <Style />: 向页面添加 style 元素。
   4. <Link />: 指定页面与外部资源之间的关系。
   5. <Base />: 指定文档中所有相对 URL 的基本 URL。

• 这些组件可以在应用程序中多次使用。

3. 如果在服务器端使用 JSX，则无需额外配置。

以下是设置完成后代码的示例。

import { MetaProvider, Title, Link, Meta } from "@solidjs/meta";

const App = () => (
  <MetaProvider>
    <div class="Home">
      <Title>Title of page</Title>
      <Link rel="canonical" href="http://solidjs.com/" />
      <Meta name="example" content="whatever" />
    </div>
  </MetaProvider>
);

在服务端收集标签，然后在客户端，服务器生成的标签会被客户端渲染的标签所替换。这个过程对于维持预期行为很重要，比如在需要更改头部标签的页面加载时保持单页应用（SPA）的功能。

但是，您可以使用 getAssets 从 solid-js/web 管理资源插入。