自动本地化你的 Lovable 应用
globalize.now 为 Lovable 应用接入真正的 i18n,并在每次推送时同步所有语言。在 Lovable 中添加一个 Skill 和 globalize MCP,翻译就会以 PR 的形式提交。
lovable-i18n Skill 会安装 Lingui v6、位于 src/locales/[locale]/messages.po 的 PO 目录、Trans 宏、语言切换器和 GitHub Action,并能识别 Vite SPA 和 TanStack Start 技术栈。添加 globalize MCP 后,每次推送都会提交一个带有最新目录的翻译 PR。提交到仓库的语言文件胜过运行时插件:没有加载后才翻译的延迟,没有布局偏移,每个语言区域都有可被搜索引擎收录的独立页面。
50+ 种语言 · 支持 RTL · €5 起始额度 · 无需绑卡
前提条件
- 一个包含待翻译界面的 Lovable 项目
- 已启用 Lovable 项目同步的 GitHub 账号
- 已从 Lovable 连接的 Git 仓库(点击 + 菜单,选择 GitHub,再选择“连接项目”)
- 一个 globalize.now 账号,用于连接仓库并同步翻译
如何在 Lovable 中配置 globalize.now
将 Lovable 项目连接到 GitHub
在 Lovable 聊天输入框中打开 + 菜单,选择 GitHub,再选择“连接项目”。将应用同步到真实仓库,让 PO 目录和 Lingui 配置纳入版本控制。
将 lovable-i18n Skill 添加到工作区
在 Lovable 工作区打开 Skills,点击“添加”,选择“从 GitHub 导入”,并指向下方的 globalize-now/lovable-i18n 仓库——Skill 位于仓库根目录。它免费,不消耗额度,每个工作区只需添加一次。
https://github.com/globalize-now/lovable-i18n在 Lovable 中添加 globalize MCP
在 Lovable 中打开 Connectors,选择 Custom MCP,添加下方的 globalize MCP URL,并使用 globalize.now 控制台 MCP 标签页中的 API 密钥完成认证。这样 Lovable 就能创建项目、翻译目录并连接仓库以实现推送同步,无需再到控制台单独操作。
https://api.globalize.now/mcp让 Lovable 配置 i18n
将下面的提示词粘贴到 Lovable 聊天框。Skill 会检测你的技术栈,安装 Lingui,生成 PO 目录骨架,用 Trans 宏包裹字符串并添加语言切换器;随后 globalize MCP 会连接你的仓库,并在每次推送时翻译。
Use the lovable-i18n skill and the globalize MCP to set up i18n and translate my app审查并合并到默认分支
Lovable 会把 i18n 脚手架同步到 GitHub。审查 Lingui 配置、PO 目录和组件改动的 diff,然后合并到默认分支。
继续在 Lovable 中开发
每次推送,globalize.now 都会对比出新增字符串,完成翻译,并提交一个包含最新 PO 目录的 PR。合并即可,两次发布之间无需手动提取。
常见问题
每次 Lovable 更新后翻译都会失效
解决方法: 每条 Lovable 提示词都可能引入硬编码字符串。把同步接入 Git 推送流程,PO 目录就能保持最新。globalize.now 会在推送时捕获新增字面量,并在缺口扩大之前返回翻译 PR。
该用 Weglot、Lovalingo 还是其他运行时插件?
解决方法: 运行时插件在页面加载后才翻译,会导致英文闪现、布局偏移,并削弱 SEO。lovable-i18n Skill 会提交 PO 目录并接入 Lingui,翻译后的标记直接由你的仓库产出。
常见问题
lovable-i18n Skill 会安装什么?
Lingui v6、位于 src/locales/[locale]/messages.po 的 PO 目录、用于提取字符串的 Trans 宏、语言切换器和一个 GitHub Action。Skill 会识别 Vite SPA 或 TanStack Start,并按 Lovable 应用所用的技术栈生成脚手架。
Lovable 应用为什么不用 Weglot 或 Lovalingo?
运行时自动翻译工具会注入 JavaScript,在页面加载后翻译内容。这会造成未翻译文本闪现,拖累 Core Web Vitals,而且只有一个英文页面,由浏览器端完成翻译。提交到仓库的 PO 目录加上按语言区域划分的路由,能生成稳定且可被收录的页面。
配置完成后还能继续在 Lovable 中开发吗?
可以。每个工作区添加一次 Skill,运行初始化提示词,把仓库连接到 globalize.now,之后照常向 Lovable 发提示词即可。每次推送都会触发 diff,新字符串会被翻译,并提交一个带有最新 PO 目录的 PR。
globalize.now 为 Lovable 应用支持多少种语言?
50+ 种语言,包括阿拉伯语、希伯来语等 RTL 语言区域。连接仓库时选择目标语言即可。globalize.now 会在每次推送时补全 PO 目录中的缺口,并返回可直接合并的 PR。
同一个仓库在 Cursor 或 Claude Code 中开发也能用吗?
可以。在已连接的仓库中运行 npx skills add globalize-now/globalize-skills,即可在 Lovable 之外使用同一套 Skill。Lovable 工作区导入使用的是 lovable-i18n 子路径;开源的 skills CLI 则会为 Cursor 和 Claude Code 安装完整套件。
翻译后的 Lovable 页面会被 Google 收录吗?
前提是翻译内容已经包含在返回的标记中,而不是加载后由客户端注入。Lingui 加 PO 目录再配合合理的语言区域路由,能让搜索引擎抓取到每种语言的页面,而运行时插件通常做不到。
开始使用 Lovable i18n
创建 globalize.now 账号并连接仓库,或前往 GitHub 查看 Skill:
https://github.com/globalize-now/globalize-skills/tree/main/skills/lovable-i18nPrefer a visual, step-by-step walkthrough? Follow the interactive Lovable setup guide →