跳转到内容

部署到 Netlify

Netlify 是一个功能强大的前端部署平台,提供慷慨的免费额度和出色的开发体验。部署 ShokaX 主题到 Netlify 同样简单快捷。

在开始之前,请确保:

  • ✅ 已在 GitHub / GitLab / Bitbucket 上创建仓库并推送代码
  • ✅ 拥有 Netlify 账号(可使用 GitHub 账号快速注册)
  • ✅ 项目中已包含 netlify.toml 配置文件(主题已内置)
  1. 登录 Netlify Dashboard
  2. 点击 “Add new site”“Import an existing project”

TODO: 添加 Netlify 导入项目界面截图

  1. 选择你的 Git 提供商(GitHub / GitLab / Bitbucket)
  2. 授权 Netlify 访问你的仓库
  3. 在仓库列表中选择 ShokaX 项目

TODO: 添加选择仓库界面截图

Netlify 会自动读取 netlify.toml 配置文件,通常无需手动修改。

默认配置

  • Base directory: (留空)
  • Build command: bun install && bun run build
  • Publish directory: dist

TODO: 添加构建配置界面截图

Site settings 中,你可以自定义站点子域名:

  • 默认:random-name-123456.netlify.app
  • 自定义:your-blog-name.netlify.app

TODO: 添加站点名称配置界面截图

  1. 检查配置无误后,点击 “Deploy site” 按钮
  2. Netlify 自动开始构建和部署
  3. 等待 1-3 分钟,构建完成后会显示部署成功页面

TODO: 添加部署进度界面截图

🎉 恭喜! 你的 ShokaX 站点已成功部署到 Netlify!

Netlify 提供两种 DNS 配置方式:

优点

  • 自动配置,无需手动设置
  • 免费的 DNS 服务
  • 集成 HTTPS 证书

步骤

  1. 在域名注册商处,将 NS 记录指向 Netlify
  2. Netlify 会自动管理所有 DNS 记录

TODO: 添加 Netlify DNS 配置界面截图

在你的域名服务商处添加 DNS 记录:

子域名(如 blog.example.com)

类型名称
CNAMEblogyour-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 配置示例截图

津 ICP 备2022001375 号
津公网安备 12011402001353 号