跳转到内容

自定义域名

为你的 Moire 博客绑定自定义域名

默认情况下,你的网站地址是 username.github.io/moire,通过绑定自定义域名,可以使用 blog.yourname.com 这样的个性化地址。

  • 拥有一个域名(可从 Namecheap、Cloudflare、阿里云等购买)
  • 能够访问域名的 DNS 设置

Moire 支持两种部署平台,绑定域名的方式略有不同。

  1. 进入你 Fork 的仓库

  2. 点击 SettingsPages

  3. Custom domain 下输入你的域名:

    blog.yourname.com
  4. 点击 Save

  5. 等待 DNS 检查完成(可能需要几分钟)

  6. 勾选 Enforce HTTPS(强烈推荐)

在你的域名提供商处添加 DNS 记录:

使用子域名(推荐)

类型名称
CNAMEblogusername.github.io

使用根域名

类型名称
A@185.199.108.153
A@185.199.109.153
A@185.199.110.153
A@185.199.111.153

DNS 记录生效通常需要:

时间范围说明
5-10 分钟快速 DNS 提供商(如 Cloudflare)
1-4 小时大多数提供商
24-48 小时最坏情况

绑定域名后,需要更新 moire.config.ts 中的 baseUrl

export default {
title: "My Blog",
baseUrl: "https://blog.yourname.com", // 添加这行
// ... 其他配置
}

提交这个更改到 GitHub,等待构建完成。

  • 检查 GitHub Pages / Vercel 的状态
  • 确保 DNS 记录类型和值完全正确
  • 清除浏览器缓存
  • GitHub Pages: 确保勾选了 “Enforce HTTPS”,等待证书自动签发(最多 24 小时)
  • Vercel: 自动处理,如果失败联系 Vercel 支持
  • 确保更新了 baseUrl 配置
  • 检查 GitHub Actions 是否构建成功
  • 尝试访问 /index.html 确认文件是否存在

将域名托管在 Cloudflare 可以获得:

  • ⚡ CDN 加速
  • 🛡️ DDoS 防护
  • 🔒 免费 SSL
  • 📊 流量分析

设置步骤:

  1. 在 Cloudflare 添加你的域名
  2. 更新域名注册商的 Nameserver 到 Cloudflare
  3. 在 Cloudflare 添加 DNS 记录
  4. 启用 Proxied(橙色云朵图标)

如果你想将旧地址重定向到新域名:

在 Vercel 的 vercel.json 中添加:

{
"redirects": [
{
"source": "/:path*",
"destination": "https://blog.yourname.com/:path*",
"permanent": true
}
]
}

遇到问题?查看故障排除指南。