快速网站与 AI 翻译
使用 AI 工具轻松构建您自己的多语言静态网站!
这是一个用于构建多语言静态网站的模板项目。它使用i18next进行翻译,并具有自定义语言切换器。项目还包括一个网站地图生成器和一个robots.txt生成器。HTML的有效性验证功能已内置。
帮助您从1种语言扩展到20多种语言
框架内内置了语言切换器。您可以通过下拉菜单或页脚中的链接切换到任何语言。该网站是其外观的示例。
每个页面的内容不仅不同,网址也经过调整。网站地图包含所有语言的链接,以便搜索引擎可以轻松找到内容。robots.txt 文件也进行了调整,以允许搜索引擎抓取网站。
快速且安全的网站
作为一个静态网站生成器,输出保持得非常小。在我的许多网站中,每个 HTML 文件的大小大约为 20KB。这使得您的网站加载速度非常快。 您可以在此处购买对 GitHub 仓库及未来更新的访问权限。
想要让我们为您完成吗?
我将使用一个包含内嵌JavaScript的单个HTML文件,并为其提供翻译页面。这些翻译将是由AI生成的,而不是完全经过人工审查的。源代码和生成的HTML文件将会提供。
我也可以提供一个10页的网站转换。
简单明了的代码
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>
[...]
`
})
(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,
});
})();
[---------------------------------------------
… 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 进行翻译和基于字符串的模板定义。这个模板有工具可以确保一致性和开发的简便性。
您的退货政策是什么?
您可以访问该存储库,因此无法退款。
获取存储库的访问权限需要多长时间?
我目前手动添加访问权限。我尽量快速添加。最多应该在一个工作日内完成。 (位于美国俄亥俄州)
多种语言是否有影响?
是的,在我的测试中,我发现大约一半的流量都流向了非英语页面。随着我的页面获取更多流量,我应该会获得更多的信息。
我需要使用你们的主题之一吗?
不。虽然包含了一个基本主题,但我并不认为这是这个工具的主要价值。其他人专注于高质量主题。