Skip to main content

自定义域名

为任何 Lovable 项目添加您自己的域名。

Lovable 让您轻松地将项目发布到互联网上，可以使用免费的 Lovable 暂存子域名（如 yoursite.lovable.app），也可以使用您自己的自定义域名。本指南将逐步指导您连接域名、解决常见问题，并了解在不同托管提供商下的各种选项。

为什么使用自定义域名​

连接自定义域名（如 yourdomain.com）可以提升您网站的：

  • 品牌标识 - 外观更专业
  • 搜索引擎可见性 - 提升 SEO 效果
  • 易记性 - 更容易分享和记忆

使用自定义域名的要求​

在开始之前：

Lovable 使用名为 Entri 的工具，帮助您快速、安全地连接域名。对于某些提供商，它支持自动 DNS 设置和 www 重定向。

通过 Entri 连接您的域名​

1. 打开项目设置

转到“项目” > “设置” > “域名”，然后点击“连接域名”。

2. 继续设置

点击“继续”，并输入您的域名（如 yourdomain.com）。

lovable

3. 选择您的 DNS 提供商

从列表中选择您的域名提供商。如果您的提供商未在列表中，请查看本页面后续部分。

lovable

4. 授权 Entri

按照提示登录您的提供商，并授权 Entri 更新您的 DNS 设置。

5. 关闭并完成

点击“关闭窗口”，返回 Lovable，然后点击“完成”。

DNS 更改可能需要长达 48 小时 才能生效，但大多数更新会在数小时内生效。

一切准备就绪！验证后，您的 Lovable 应用将通过自定义域名上线。

如果我的提供商未列出怎么办？​

如果您的提供商不受 Entri 支持，您仍可以手动连接域名。

  1. 打开项目设置，转到“项目” > “设置” > “域名”，然后点击“连接域名”。
  2. 输入您的域名并继续。
  3. 在选择提供商时，滚动到页面底部，选择手动设置。然后，您可以复制相关记录并直接输入到您的域名注册商中。

lovable

在第三方平台上托管​

您还可以使用 GitHub 将 Lovable 应用部署到 Netlify、Vercel 或 GitHub Pages 等平台，并与 Namecheap 等提供商结合使用。

Netlify​

  1. 将您的项目转移到 GitHub。
  2. 将其导入 Netlify 并部署。
  3. 在 Netlify 中转到“域名管理”添加域名。
  4. 按照 Netlify 中的 DNS 说明连接您的自定义域名。
  5. 完成！当您在 Lovable 中进行更改时，网站会自动重新部署。

Vercel​

  1. 从 Lovable 创建一个 GitHub 仓库。
  2. 将其导入 Vercel 并分配您的自定义域名。
  3. 为暂存创建一个开发分支。
  4. 将 Vercel 设置为仅从主分支部署。
  5. 在 Lovable 中切换到开发分支。这样，您可以进行更改，而不会直接发布到生产环境。
  6. 当准备就绪时，通过合并 dev → main 将更改部署到生产环境。

Namecheap + GitHub Pages​

使用此指南（由我们的用户创建），获取个性化的分步说明，以完成设置。

常见问题​

我的自定义域名已连接，但网站无法访问。该怎么办？
  • 使用工具如 dnschecker.org 检查您的 DNS 设置。DNS 更改有时可能需要长达 48 小时才能生效。正确的 DNS 设置应包括：
    • A 记录指向 185.158.133.1，主机的 @ 记录。
    • A 记录指向 185.158.133.1，主机的 www 记录。
    • CNAME 记录指向您的根域名。
  • 清除浏览器缓存，或在隐身模式下测试。
  • 尝试在“项目” > “设置” > “域名”中移除并重新添加域名。
我可以通过 Lovable 购买域名吗？

Lovable 不直接销售域名，但我们已与 IONOS 合作以简化设置过程。请在“项目设置” > “域名”中点击“购买域名”按钮，通过 IONOS 购买域名。

连接自定义域名会影响我的 SEO 吗？

是的，会带来积极影响。自定义域名可以提升您的网站在搜索引擎中的可发现性，并让用户感到更可靠。

Lovable 会为我的自定义域名提供 SSL 证书吗？

是的！当您将自定义域名连接到 Lovable 应用时，我们会自动生成并安装 SSL 证书。这确保您的网站通过 HTTPS 提供服务，保护访问者的数据并提升网站的 SEO 排名。如果 48 小时后仍未颁发，请联系支持团队。

我可以连接子域名而不是完整域名吗？

是的！您可以连接子域名（如 blog.yourdomain.com 或 app.yourdomain.com）。在设置流程中输入域名时，只需包含您要使用的子域名即可。

我可以将多个子域名连接到我的 Lovable 项目吗？

可以，但每个子域名都需要单独添加和配置。例如，如果您想使用 blog.yourdomain.com、shop.yourdomain.com 和 app.yourdomain.com，则需要在“项目” > “设置” > “域名”中为每个子域名重复连接过程。

如何移除自定义域名？
  1. 转到“项目” > “设置” > “域名”。
  2. 点击您域名旁边的垃圾桶图标。
  3. 您的域名将与项目断开连接。请确保在域名提供商中清除 DNS 设置，以完全断开连接。
我可以移除 .lovable.app 子域名吗？

目前，无法从您的项目中移除 .lovable.app 子域名。