部署到Netlify

约 641 字大约 2 分钟

2025-11-21

如何部署到 Netlify

Netlify 也是一个流行的静态网站托管平台。您可以直接从 GitHub 部署您的 Mizuki 博客。Netlify 会自动构建和部署您的项目，并提供持续部署功能。

如果你的项目存储在 GitHub、GitLab、BitBucket 或 Azure DevOps 中，你可以使用 Netlify 的网站用户操作界面来部署你的 Astro 网站.

在 Netlify dashboard 页面上，点击 Add a new site
选择 Import an existing project
当你从你的 Git 提供商中导入 Astro 仓库时，Netlify 应该会自动检测并预填充正确的配置设置。
确保已输入以下设置，然后按下 Deploy 按钮：
- Build Command: astro build or npm run build
- Publish directory: dist
部署后，你将被重定向到站点概览页面。在那里，你可以编辑你站点的详细信息。

根据你的部署配置，未来对源代码库的任何修改都将触发预览和生产部署。

netlify.toml 文件

你可以选择在项目仓库的顶层创建一个新的 netlify.toml 文件，用来配置你的构建命令和发布目录，以及其他项目设置，包括环境变量和重定向。Netlify 将读取此文件并自动配置你的部署。

为了配置默认设置，创建一个 netlify.toml 文件，并填入以下内容：

[build]
  command = "npm run build"
  publish = "dist"

更多信息可以在 Netlify 的博客文章部署现有的 Astro Git 仓库中找到。

你也可以在 Netlify 上创建一个新的站点，并通过安装和使用 Netlify CLI 来关联你的 Git 仓库。

全局安装 Netlify CLI 工具
```
npm install --global netlify-cli
```
运行 netlify login 并按照指示进行登录并授权 Netlify。
运行 netlify init 并按照指示进行操作。
确认你的构建命令 (astro build)
CLI 将自动检测构建设置（astro build）和部署目录（dist），并将提供一个自动生成且有这些对应设置的 netlify.toml 文件。
推送到 Git 来触发构建和部署
CLI 将向仓库添加一个部署密钥，这意味着每次你使用 git push 时，你的网站都会在 Netlify 上自动重新构建。

版权归属：LyraVoid Team