البدء

تُعتبر Global Sites AI أداة قوية لإنشاء مواقع ثابتة متعددة اللغات. ستوجهك هذه الوثائق خلال عملية إعداد واستخدام الإطار.

التثبيت

لتثبيت Global Sites AI، تحتاج إلى الوصول إلى المستودعات الخاصة. سيتم توفيرها بعد شراء ترخيص. بمجرد أن تحصل على الوصول، يمكنك استنساخ المستودعات باستخدام الأوامر التالية:

سطر الأوامر

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

هناك مشروعاين. 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 -->
    `,
  });
}

صفحة جديدة مع الذكاء الاصطناعي

لإنشاء صفحة جديدة مع ترجمات الذكاء الاصطناعي، يمكنك استخدام الأمر التالي من داخل محرر Cursor. ومن المحتمل أن يكون من الممكن القيام بشيء مشابه من أدوات أخرى.

سطر الأوامر

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