让博客更专业！为 Google AI Studio 应用绑定自定义域名

大家好呀 👋

上一篇分享了如何用 Google AI Studio 生成并部署博客网站，今天要来聊一个让网站更加专业的关键步骤：

绑定自己的域名！ 🌐

相信很多人在部署完 Google AI Studio 应用后，会发现网址长这样： https://your-project-123456.run.app/

虽然能用，但总感觉少了点什么对吧？

如果能变成 https://www.yourblog.com，是不是瞬间专业感倍增？✨

🤔 为什么要使用自定义域名？

在讲步骤之前，先说说为什么这件事很重要：

✅ 专业形象

自己的域名看起来更可信
对于技术博客或作品集来说，是基本配置
面试时展示，印象分大幅提升

✅ 品牌识别

域名就是你的品牌
容易记忆和分享
独立于平台，完全属于自己

✅ SEO 优势

Google 搜索更容易收录
自定义域名对 SEO 更友善
可以建立长期的搜索排名

✅ 邮箱地址

可以设置专业的邮箱（如：contact@yourblog.com）
提升沟通的专业度

💰 域名费用参考

域名不贵，大概的价格区间：

.com 域名：约 $10-15/年
.dev 域名：约 $12-15/年
.me 域名：约 $10-20/年
.tech 域名：约 $8-15/年
.blog 域名：约 $25-30/年

推荐新手选择 .com 或 .dev，知名度高、价格合理。

🛍️ 购买域名

我推荐两个平台：

方式一：Cloudflare（推荐）

为什么推荐 Cloudflare？

价格透明，按成本价收费（没有加价）
自动续约提醒
DNS 管理超级方便
如果你后续要用 Cloudflare Pages，整合非常顺畅

购买步骤：

前往Cloudflare Registrar或者Cloudflare Dashboard
注册/登录账号
左侧菜单选择 Domain Registration
搜索你想要的域名
加入购物车并完成付款

方式二：Google Domains / Namecheap

Google Domains（现已转移至 Squarespace）：

界面简洁
与 Google 生态整合
价格合理

Namecheap：

常有优惠活动
首年价格便宜
界面友善

选择哪个平台都可以，重点是： 买完域名后，我们要去设置 DNS 记录 📝

🔧 在 Google Cloud 添加自定义域名

Google AI Studio 部署的应用实际上运行在 Google Cloud Run 上，所以我们需要在 Google Cloud Console 进行域名设置。

Step 1: 进入 Google Cloud Console

前往 Google Cloud Console
选择你的项目（在 Google AI Studio 部署时自动创建的）
在搜索栏输入 "Cloud Run" 或从左侧菜单选择 Cloud Run

Google Cloud Console

Step 2: 找到你的服务

在 Cloud Run 页面，你会看到已部署的服务列表
找到你的博客应用（通常名称类似 your-project-name），例如devlog-technical-portfolio
点击服务名称进入详情页

Step 3: 管理自定义域名

在服务详情页面，点击Networking标签
选择 Manage custom domains

Manage Custom Domains

Step 4: 添加域名映射

点击 ADD MAPPING 按钮
选择你的 Cloud Run 服务
输入你要绑定的域名，例如：
- www.yourblog.com 或
- yourblog.com
点击 CONTINUE

重要提示： 建议先绑定 www.yourblog.com，稍后可以将根域名 yourblog.com 重定向到 www 版本。

Cloud Run：添加域名

Step 5: 验证域名所有权

Google Cloud 会要求你证明这个域名是你的。

验证步骤：

添加域名后，Google Cloud 会显示需要添加的 DNS 记录
记录类型通常是 TXT 记录，用于验证域名所有权
你会看到类似这样的信息：

请在你的 DNS 设置中添加以下记录：

名称/主机: @ (或者留空，或者 yourblog.com)
类型: TXT
值/内容: google-site-verification=abc123xyz456...

去你的域名注册商（Cloudflare / Google Domains / Namecheap）：
- 进入 DNS 管理页面
- 添加上述 TXT 记录
- 保存设置
回到 Google Cloud Console，点击 VERIFY

注意：DNS 记录生效需要时间，通常 5-30 分钟，最长可能需要 48 小时

Cloud Run: DNS Records

Step 6: 配置 DNS 记录

验证通过后，Google Cloud 会给你需要添加的 DNS 记录：

对于 www 子域名（推荐先设置这个）：

Google Cloud 会要求你添加一条 CNAME 记录：

类型: CNAME
名称/主机: www
目标/值: ghs.googlehosted.com
TTL: 3600 (或自动)

在你的 DNS 管理页面添加这条记录：

Type	Name	Target	TTL
CNAME	www	ghs.googlehosted.com	3600

对于根域名（yourblog.com）：

如果你想让 yourblog.com（不带 www）也能访问，有两种方式：

方式 A：使用 A 记录（如果 DNS 提供商支持）

Google Cloud 会提供 4 个 IP 地址：

类型: A
名称/主机: @ (或留空)
值: 216.239.32.21
值: 216.239.34.21
值: 216.239.36.21
值: 216.239.38.21
TTL: 3600

你需要添加全部 4 条 A 记录：

Type	Name	Value	TTL
A	@	216.239.32.21	3600
A	@	216.239.34.21	3600
A	@	216.239.36.21	3600
A	@	216.239.38.21	3600

方式 B：使用重定向（推荐）

在你的 DNS 提供商设置 URL 重定向：

将 yourblog.com 重定向到 https://www.yourblog.com
使用 301 永久重定向

这样可以集中 SEO 权重到一个域名上。

🔒 SSL 证书自动配置

好消息：Google Cloud Run 会自动为你的自定义域名配置免费的 SSL 证书！

自动流程：

DNS 记录配置完成并生效后
Google Cloud 会自动检测到域名解析
自动申请并配置 Google 管理的 SSL 证书
自动续约，完全无需手动操作

整个过程大约需要 15 分钟到 2 小时。

你可以在 Cloud Run 的 "Custom domains" 页面看到状态：

⏳ Pending - 正在配置中
⚠️ Needs attention - 需要检查 DNS 设置
✅ Active - 已成功绑定，HTTPS 已启用

🌐 在 Cloudflare 完整设置示例

很多人用 Cloudflare 管理域名，这里给个完整范例。

假设你的域名是：`myblog.dev`

在 Cloudflare DNS 设置（推荐配置）：

Type	Name	Target/Content	Proxy Status	TTL
CNAME	gemini	ghs.googlehosted.com	DNS only	Auto
TXT	@	google-site-verification=...	-	Auto

注意：

Proxy Status 必须设置为 "DNS only"（灰色云朵）
如果设置为 "已代理"（橙色云朵），Google Cloud 可能无法正确验证和配置域名
等域名完全配置成功后，可以考虑启用 Cloudflare Proxy

Cloudflare DNS Records

设置根域名重定向到 www：

在 Cloudflare 的 Rules → Redirect Rules（或 Page Rules）：

创建新规则
如果请求 URL 匹配：
```
myblog.dev/*
```
则重定向到：
```
https://www.myblog.dev/$1
```
状态码：301（永久重定向）
保存规则

这样访问 myblog.dev 会自动跳转到 www.myblog.dev。

如果要同时绑定根域名和 www：

完整 DNS 配置：

Type	Name	Target/Content	Proxy Status	TTL
A	@	216.239.32.21	DNS only	Auto
A	@	216.239.34.21	DNS only	Auto
A	@	216.239.36.21	DNS only	Auto
A	@	216.239.38.21	DNS only	Auto
CNAME	gemini	ghs.googlehosted.com	DNS only	Auto
TXT	@	google-site-verification=...	-	Auto

然后在 Google Cloud Run 中分别添加两个域名映射。

✅ 验证设置是否成功

完成所有设置后，检查一下：

1. DNS 记录检查

使用在线工具检查 DNS 是否生效：

输入你的域名，看看全球各地的 DNS 服务器是否都能解析到正确的 IP。

2. SSL 证书检查

访问你的网站：

https://www.yourblog.com

看看浏览器地址栏是否显示 🔒 锁头图标。

点击锁头，查看证书详情，确认：

证书有效
由 Let's Encrypt 或 Google Trust Services 签发

3. 重定向检查

分别访问：

http://yourblog.com（HTTP，无 www）
http://www.yourblog.com（HTTP，有 www）
https://yourblog.com（HTTPS，无 www）
https://www.yourblog.com（HTTPS，有 www）

确保都能正常访问或正确重定向。

自定义域名网站

🐛 常见问题排解

问题 1: DNS 记录不生效

症状： 访问域名显示"找不到网站"或"无法连接"。

解决方案：

等待 DNS 传播（通常 5-30 分钟，最多 48 小时）
使用 DNS Checker 检查全球 DNS 是否已更新
清除浏览器缓存和 DNS 缓存
检查 CNAME 记录是否正确指向 ghs.googlehosted.com
确认 Cloudflare Proxy 状态为 "DNS only"（灰色云朵）

问题 2: 域名映射状态一直显示 "Pending"

症状： 在 Google Cloud Run 的 Custom domains 页面，状态一直是 "Pending" 或 "Needs attention"。

解决方案：

确认 DNS 记录已正确添加并生效
检查 TXT 验证记录是否正确
等待 DNS 完全传播（可能需要几小时）
删除域名映射，等待 10 分钟后重新添加
确认域名没有被其他 Google Cloud 项目使用

问题 3: 显示"连接不安全"或 SSL 错误

症状： 浏览器显示 SSL 证书错误或警告。

解决方案：

等待 Google Cloud 完成 SSL 证书配置（可能需要 1-2 小时）
检查域名映射状态是否为 "Active"
清除浏览器 SSL 状态缓存（Chrome: 设置 → 隐私和安全 → 清除浏览数据）
使用无痕模式测试
如果超过 24 小时仍未解决，删除域名重新添加

问题 4: Cloudflare "Error 1014" 错误

症状： 访问域名时出现 Cloudflare Error 1014: CNAME Cross-User Banned。

解决方案：

这是因为 Cloudflare Proxy（橙色云朵）与 Google Cloud 冲突
将 Cloudflare Proxy 状态改为 "DNS only"（灰色云朵）
等待几分钟让设置生效
域名完全配置成功后，再考虑是否启用 Cloudflare Proxy

问题 5: 域名可以访问，但显示错误的服务

症状： 打开域名看到的是 404 错误或其他 Google Cloud 服务。

解决方案：

检查 Cloud Run 服务是否正在运行
确认域名映射关联到正确的服务
检查服务的访问权限设置（应该允许 "未经身份验证的调用"）
查看 Cloud Run 日志，确认请求是否到达服务

🎨 更新 Google AI Studio 项目配置

绑定域名后，记得更新项目中的链接：

1. 更新导航链接

如果代码中有硬编码的链接，改成你的新域名：

// Before
const siteUrl = 'https://your-project.web.app';

// After
const siteUrl = 'https://www.yourblog.com';

2. 更新 SEO 元标签

在 index.html 或组件中：

<!-- Before -->
<meta property="og:url" content="https://your-project.web.app" />

<!-- After -->
<meta property="og:url" content="https://www.yourblog.com" />

3. 更新 Sitemap

如果有生成 sitemap.xml：

<!-- Before -->
<loc>https://your-project.web.app/articles</loc>

<!-- After -->
<loc>https://www.yourblog.com/articles</loc>

4. 提交到 Google Search Console

域名绑定完成后，去 Google Search Console 添加新域名：

点击"添加资源"
选择"网址前缀"
输入 https://www.yourblog.com
验证所有权（可以用 HTML 标签或 DNS TXT 记录）
提交 sitemap

这样 Google 才能索引你的新域名！

📊 监控与优化

域名绑定后，还可以做这些优化：

1. 设置分析工具

Google Analytics 4：

<!-- 在 index.html 的 <head> 中 -->
<script async src="https://www.googletagmanager.com/gtag/js?id=G-XXXXXXXXXX"></script>
<script>
  window.dataLayer = window.dataLayer || [];
  function gtag(){dataLayer.push(arguments);}
  gtag('js', new Date());
  gtag('config', 'G-XXXXXXXXXX');
</script>

Cloudflare Web Analytics（隐私友善）：

进入 Cloudflare Dashboard
选择你的域名
启用 Web Analytics
将提供的脚本添加到网站

2. 性能优化

使用 Cloudflare CDN 可以大幅提升速度：

自动压缩图片
CSS/JS 文件压缩
Brotli 压缩
HTTP/2 支持

3. 安全设置

在 Cloudflare 或 Firebase 设置：

启用 HSTS（强制 HTTPS）
设置 CSP（内容安全策略）
启用 DDoS 防护

💡 实用建议

1. 选择好记的域名

简短易记
与你的内容相关
避免数字和连字符
优先选择 .com 或 .dev

2. 同时购买相关域名

如果预算允许，可以买下：

yourblog.com
yourblog.dev
yourblog.me

然后全部重定向到主域名，避免被别人抢注。

3. 设置邮箱转发

很多域名注册商提供免费的邮箱转发：

contact@yourblog.com → your.personal@gmail.com

这样对外显示专业邮箱，实际收到 Gmail，很方便。

4. 定期备份

虽然 Firebase 会帮你托管，但还是建议：

定期备份到 GitHub
保存重要配置的截图
记录 DNS 设置

🎯 总结

从 your-project-123456.run.app/ 到 www.yourblog.com，这不只是网址的改变，更是专业度的提升 🚀

回顾一下完整流程：

✅ 购买域名（Cloudflare / Google Domains / Namecheap）
✅ 进入 Google Cloud Console → Cloud Run
✅ 找到你的服务，点击 "Manage custom domains"
✅ 添加域名映射（Add mapping）
✅ 验证域名所有权（添加 TXT 记录）
✅ 配置 DNS 记录（CNAME 指向 ghs.googlehosted.com）
✅ 等待 SSL 证书自动配置（15 分钟到 2 小时）
✅ 更新项目配置和 SEO 元标签
✅ 提交到 Google Search Console

现在，你已经拥有一个：

完全属于自己的域名 🌐
免费的 Google 管理 SSL 证书 🔒
运行在 Google Cloud 的高性能服务 ⚡
专业的技术博客 💼

接下来就是专心写好内容，持续优化网站，让你的博客在 Google 搜索中越来越靠前！

下一篇，我会分享如何进一步优化 SEO，让更多人能找到你的博客。

我们下次见 👋

让博客更专业！为 Google AI Studio 应用绑定自定义域名

让博客更专业！为 Google AI Studio 应用绑定自定义域名

🤔 为什么要使用自定义域名？

✅ 专业形象

✅ 品牌识别

✅ SEO 优势

✅ 邮箱地址

💰 域名费用参考

🛍️ 购买域名

方式一：Cloudflare（推荐）

方式二：Google Domains / Namecheap

🔧 在 Google Cloud 添加自定义域名

Step 1: 进入 Google Cloud Console

Step 2: 找到你的服务

Step 3: 管理自定义域名

Step 4: 添加域名映射

Step 5: 验证域名所有权

验证步骤：

Step 6: 配置 DNS 记录

对于 www 子域名（推荐先设置这个）：

对于根域名（yourblog.com）：

🔒 SSL 证书自动配置

自动流程：

🌐 在 Cloudflare 完整设置示例

假设你的域名是：myblog.dev

如果要同时绑定根域名和 www：

✅ 验证设置是否成功

1. DNS 记录检查

2. SSL 证书检查

3. 重定向检查

🐛 常见问题排解

问题 1: DNS 记录不生效

问题 2: 域名映射状态一直显示 "Pending"

问题 3: 显示"连接不安全"或 SSL 错误

问题 4: Cloudflare "Error 1014" 错误

问题 5: 域名可以访问，但显示错误的服务

🎨 更新 Google AI Studio 项目配置

1. 更新导航链接

2. 更新 SEO 元标签

3. 更新 Sitemap

4. 提交到 Google Search Console

📊 监控与优化

1. 设置分析工具

2. 性能优化

3. 安全设置

💡 实用建议

1. 选择好记的域名

2. 同时购买相关域名

3. 设置邮箱转发

4. 定期备份

🎯 总结

📚 相关资源

相关文章

用 Google AI Studio 打造部落格：從 Prompt 到完整網站架構，从 0 到上线只要一篇

打造属于自己的数位空间: 我的部落格架设, 从前端设计到后端部署

假设你的域名是：`myblog.dev`