开始使用
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.