Ξεκινώντας

Η Global Sites AI είναι ένα ισχυρό εργαλείο για τη δημιουργία πολυγλωσσικών στατικών ιστότοπων. Αυτή η τεκμηρίωση θα σας καθοδηγήσει στη διαδικασία ρύθμισης και χρήσης του πλαισίου.

Εγκατάσταση

Για να εγκαταστήσετε το Global Sites AI, χρειάζεστε πρόσβαση στα ιδιωτικά αποθετήρια. Αυτά θα παρασχεθούν μετά την αγορά άδειας. Αφού έχετε πρόσβαση, μπορείτε να κλωνοποιήσετε τα αποθετήρια χρησιμοποιώντας τις παρακάτω εντολές:

Γραμμή εντολών

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

Υπάρχουν 2 έργα. GlobalSitesCore και GlobalSitesTemplate. Το GlobalSitesTemplate θα βοηθήσει στην παροχή ενός πλήρους έργου για να ξεκινήσετε. Μπορείτε να το τροποποιήσετε όπως χρειάζεται. Το GlobalSitesCore είναι η βασική βιβλιοθήκη που παρέχει τη λειτουργικότητα για τη δημιουργία πολύγλωσσων στατικών ιστοσελίδων. Αυτό θεωρείται ως git submodule και μπορεί να ενημερώνεται συχνά, ώστε οι ιστοσελίδες σας να διαθέτουν τις πιο ενημερωμένες δυνατότητες.

Βασική Χρήση

Ακολουθεί ένα απλό παράδειγμα για το πώς να δημιουργήσετε μια νέα σελίδα χρησιμοποιώντας το 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

Για να δημιουργήσετε μια νέα σελίδα με μεταφράσεις AI, μπορείτε να χρησιμοποιήσετε την παρακάτω εντολή από τον επεξεργαστή Cursor. Είναι πιθανό να μπορείτε να κάνετε κάτι παρόμοιο και από άλλα εργαλεία.

Γραμμή εντολών

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