เริ่มต้น

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

ในการสร้างหน้าทใหม่ที่มีการแปลโดย AI คุณสามารถใช้คำสั่งต่อไปนี้จากภายในโปรแกรมแก้ไข Cursor โดยน่าจะสามารถทำได้ในลักษณะเดียวกันจากเครื่องมืออื่นๆ.

เส้นคำสั่ง
Using @detailPage.md, write a triangle calculator page.