开始使用

Global Sites AI 是一个强大的工具,能够创建多语言静态网站。本文档将引导您完成设置和使用该框架的过程。

安装

要安装Global Sites AI,您需要访问私人代码库。购买许可证后,将提供访问权限。一旦获得访问权限,您可以使用以下命令克隆代码库:

命令行
git clone --recurse-submodules [path to GlobalSitesTemplate]
git clone [path to GlobalSitesCore]

有两个项目:GlobalSitesCore 和 GlobalSitesTemplate。GlobalSitesTemplate 将提供一个完整的项目来开始。您可以根据需要进行修改。GlobalSitesCore 是提供创建多语言静态网站功能的核心库。这被视为一个 git 子模块,可以频繁更新,以使您的网站拥有最新的功能。

基本用法

以下是如何使用 Global Sites AI 创建新页面的简单示例:

TypeScript - pages/ExamplePage.ts
import i18next from "../GlobalSitesCore/i18n";
import { Layout } from "../Layout";
import { RenderProps, renderLanguageFiles } from "../GlobalSitesCore/languages";
import { FileResult } from "../GlobalSitesCore/FileResult";

export async function ExamplePagePages(): Promise<FileResult[]> {
  return renderLanguageFiles({
    subDirectoryInEnglish: undefined,
    fileNameInEnglish: "example-page",
    includeInSitemap: true,
    render: (props) => ExamplePage(props),
  });
}

interface ExamplePageProps extends RenderProps {}

export function ExamplePage(props: ExamplePageProps): string {
  var title = i18next.t(`Example Page`);
  var metaDescription = i18next.t(`This is an example page.`);

  return Layout({
    lang: props.option.code,
    title: title,
    description: metaDescription,
    languageOptions: props.allOptions,
    content: /* HTML */ `
      <h1>${title}</h1>
      <p>${metaDescription}</p>
      <!-- Add more content as needed -->
    `,
  });
}

新页面与人工智能

要创建一个带有 AI 翻译的新页面,您可以在 Cursor 编辑器中使用以下命令。从其他工具中执行类似操作也是可行的。

命令行
Using @detailPage.md, write a triangle calculator page.