部署到 Netlify
Netlify 是一个功能强大的前端部署平台,提供慷慨的免费额度和出色的开发体验。部署 ShokaX 主题到 Netlify 同样简单快捷。
在开始之前,请确保:
- ✅ 已在 GitHub / GitLab / Bitbucket 上创建仓库并推送代码
- ✅ 拥有 Netlify 账号(可使用 GitHub 账号快速注册)
- ✅ 项目中已包含
netlify.toml配置文件(主题已内置)
步骤 1:导入项目
Section titled “步骤 1:导入项目”- 登录 Netlify Dashboard
- 点击 “Add new site” → “Import an existing project”
TODO: 添加 Netlify 导入项目界面截图
步骤 2:连接 Git 仓库
Section titled “步骤 2:连接 Git 仓库”- 选择你的 Git 提供商(GitHub / GitLab / Bitbucket)
- 授权 Netlify 访问你的仓库
- 在仓库列表中选择 ShokaX 项目
TODO: 添加选择仓库界面截图
步骤 3:配置构建设置
Section titled “步骤 3:配置构建设置”Netlify 会自动读取 netlify.toml 配置文件,通常无需手动修改。
默认配置:
- Base directory: (留空)
- Build command:
bun install && bun run build - Publish directory:
dist
TODO: 添加构建配置界面截图
步骤 4:配置站点名称(可选)
Section titled “步骤 4:配置站点名称(可选)”在 Site settings 中,你可以自定义站点子域名:
- 默认:
random-name-123456.netlify.app - 自定义:
your-blog-name.netlify.app
TODO: 添加站点名称配置界面截图
步骤 5:部署
Section titled “步骤 5:部署”- 检查配置无误后,点击 “Deploy site” 按钮
- Netlify 自动开始构建和部署
- 等待 1-3 分钟,构建完成后会显示部署成功页面
TODO: 添加部署进度界面截图
🎉 恭喜! 你的 ShokaX 站点已成功部署到 Netlify!
配置 DNS
Section titled “配置 DNS”Netlify 提供两种 DNS 配置方式:
方式 1:使用 Netlify DNS(推荐)
Section titled “方式 1:使用 Netlify DNS(推荐)”优点:
- 自动配置,无需手动设置
- 免费的 DNS 服务
- 集成 HTTPS 证书
步骤:
- 在域名注册商处,将 NS 记录指向 Netlify
- Netlify 会自动管理所有 DNS 记录
TODO: 添加 Netlify DNS 配置界面截图
方式 2:使用外部 DNS
Section titled “方式 2:使用外部 DNS”在你的域名服务商处添加 DNS 记录:
子域名(如 blog.example.com):
| 类型 | 名称 | 值 |
|---|---|---|
| CNAME | blog | your-site-name.netlify.app |
根域名(如 example.com):
| 类型 | 名称 | 值 |
|---|---|---|
| A | @ | 75.2.60.5 |
| AAAA | @ | 2600:1408:800:491::2c7:5a00 |
或者使用 ALIAS 记录(如果你的 DNS 提供商支持):
| 类型 | 名称 | 值 |
|---|---|---|
| ALIAS | @ | your-site-name.netlify.app |
TODO: 添加外部 DNS 配置示例截图
津公网安备 12011402001353 号