快速网站与 AI 翻译

使用 AI 工具轻松构建您自己的多语言静态网站!

这是一个用于构建多语言静态网站的模板项目。它使用i18next进行翻译,并具有自定义语言切换器。项目还包括一个网站地图生成器和一个robots.txt生成器。HTML的有效性验证功能已内置。

帮助您从1种语言扩展到20多种语言

框架内内置了语言切换器。您可以通过下拉菜单或页脚中的链接切换到任何语言。该网站是其外观的示例。

每个页面的内容不仅不同,网址也经过调整。网站地图包含所有语言的链接,以便搜索引擎可以轻松找到内容。robots.txt 文件也进行了调整,以允许搜索引擎抓取网站。

快速且安全的网站

作为一个静态网站生成器,输出保持得非常小。在我的许多网站中,每个 HTML 文件的大小大约为 20KB。这使得您的网站加载速度非常快。 您可以在此处购买对 GitHub 仓库及未来更新的访问权限。

想要让我们为您完成吗?

我将使用一个包含内嵌JavaScript的单个HTML文件,并为其提供翻译页面。这些翻译将是由AI生成的,而不是完全经过人工审查的。源代码和生成的HTML文件将会提供。

我也可以提供一个10页的网站转换。

简单明了的代码

TypeScript - pages/IndexPages.ts
export async function IndexPages(): Promise<FileResult[]> {
return renderLanguageFiles({
  subDirectoryInEnglish: undefined,
  fileNameInEnglish: undefined,
  includeInSitemap: true,
  render: (props) => Index(props),
});
}  
return Layout({
  lang: props.option.code,
  title: title,
  description: metaDescription,
  languageOptions: props.allOptions,
  content: /* HTML */ `
    <h1>${i18next.t("Fast Sites with AI Translations")}</h1>
    <p>
      ${i18next.t("Build your own static site with multiple languages. Made easy with AI tooling!")}
    </p>
    [...]
    `
})
TypeScript - build.ts
(async () => {
  await StaticSiteBuild({
    baseUrl: "https://www.globalsites.ai",
    files: [
      await IndexPages(),
      await ContactUsPages(),
      await FAQPages(),
      await PrivacyPolicyPages(),
      await CopyStaticFiles(),
    ],
    translationSource: "GoogleTranslate",
    forceFileWrite: !devFlagPresent,
    validationOptions: {
      HTML: devFlagPresent ? "Sample" : "Full",
      internalURLs: true,
      skipUrls: [
        "sitemap.xml",
        "robots.txt",
        "404/",
      ],
    },
    startTime: startTime,
  });
})();
命令行 - output
[---------------------------------------------
… Starting build for https://www.globalsites.ai
… Skipping 90 files with no changes
… Verifying HTML is valid
✓ Finished verifying 10 HTML files
… Verifying internal URLs
✓ No internal URL errors found
✓ Done in 428 ms with 94 files
---------------------------------------------]

有关面向 TypeScript 开发人员的简短概述视频,请参见:

常见问题

全球网站(终身版)包含哪些内容?

一个模板文件集,帮助您构建多语言的静态网站。同时,提供对存储库的访问,以获取更新和支持。

这是用 React 还是 NextJS 构建的?

不,它不是。那些了解 React 的人可以很容易理解这些概念,但它使用 i18next 进行翻译和基于字符串的模板定义。这个模板有工具可以确保一致性和开发的简便性。

您的退货政策是什么?

您可以访问该存储库,因此无法退款。

获取存储库的访问权限需要多长时间?

我目前手动添加访问权限。我尽量快速添加。最多应该在一个工作日内完成。 (位于美国俄亥俄州)

多种语言是否有影响?

是的,在我的测试中,我发现大约一半的流量都流向了非英语页面。随着我的页面获取更多流量,我应该会获得更多的信息。

我需要使用你们的主题之一吗?

不。虽然包含了一个基本主题,但我并不认为这是这个工具的主要价值。其他人专注于高质量主题。