Начало работы

Global Sites AI — это мощный инструмент для создания многоязычных статических веб сайтов. Эта документация проведет вас через процесс настройки и использования фреймворка.

Установка

Чтобы установить Global Sites AI, вам нужен доступ к частным репозиториям. Он будет предоставлен после покупки лицензии. Как только вы получите доступ, вы сможете клонировать репозитории, используя следующие команды:

Командная строка

git clone --recurse-submodules [path to GlobalSitesTemplate]
git clone [path to GlobalSitesCore]

Существует 2 проекта: 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.