Bắt đầu

Global Sites AI là một công cụ mạnh mẽ để tạo ra các trang web tĩnh đa ngôn ngữ. Tài liệu này sẽ hướng dẫn bạn qua quy trình thiết lập và sử dụng khung làm việc.

Cài đặt

Để cài đặt Global Sites AI, bạn cần có quyền truy cập vào các kho lưu trữ riêng. Những kho lưu trữ này sẽ được cung cấp sau khi bạn mua giấy phép. Khi bạn có quyền truy cập, bạn có thể sao chép các kho lưu trữ bằng cách sử dụng các lệnh sau:

Dòng lệnh

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

Có 2 dự án. GlobalSitesCore và GlobalSitesTemplate. GlobalSitesTemplate sẽ giúp cung cấp một dự án đầy đủ để bắt đầu. Bạn có thể chỉnh sửa nó theo nhu cầu. GlobalSitesCore là thư viện cốt lõi cung cấp chức năng để tạo các trang tĩnh đa ngôn ngữ. Thư viện này được coi là một git submodule và có thể được cập nhật thường xuyên để các trang của bạn có các tính năng mới nhất.

Cách Sử Dụng Cơ Bản

Đây là một ví dụ đơn giản về cách tạo một trang mới bằng 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 -->
    `,
  });
}

Trang mới với AI

Để tạo một trang mới với các bản dịch AI, bạn có thể sử dụng lệnh sau từ bên trong trình biên tập Cursor. Có thể thực hiện điều tương tự từ các công cụ khác.

Dòng lệnh

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