Erste Schritte

Global Sites AI ist ein leistungsstarkes Tool zur Erstellung mehrsprachiger statischer Websites. Diese Dokumentation führt Sie durch den Prozess der Einrichtung und Nutzung des Frameworks.

Installation

Um Global Sites AI zu installieren, benötigen Sie Zugang zu den privaten Repositories. Diese werden nach dem Kauf einer Lizenz bereitgestellt. Sobald Sie Zugriff haben, können Sie die Repositories mit den folgenden Befehlen klonen:

Befehlszeile

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

Es gibt 2 Projekte. GlobalSitesCore und GlobalSitesTemplate. GlobalSitesTemplate hilft dabei, ein vollständiges Projekt zu starten. Sie können es nach Bedarf anpassen. GlobalSitesCore ist die Kernbibliothek, die die Funktionalität zum Erstellen mehrsprachiger statischer Websites bereitstellt. Dies wird als Git Submodul behandelt und kann häufig aktualisiert werden, damit Ihre Websites die aktuellsten Funktionen haben.

Grundlegende Verwendung

Hier ist ein einfaches Beispiel, wie Sie mit Global Sites AI eine neue Seite erstellen:

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 -->
    `,
  });
}

Neue Seite mit KI

Um eine neue Seite mit KI Übersetzungen zu erstellen, können Sie den folgenden Befehl im Cursor Editor verwenden. Es ist wahrscheinlich möglich, ähnliches von anderen Tools aus zu tun.

Befehlszeile

Using @detailPage.md, write a triangle calculator page.