Astro 作为静态网站
Posted: Thu Jan 16, 2025 9:16 am
astro.new 页面显示了可在 StackBlitz、CodeSandbox 或 GitPod 中打开的新项目的选择
当您准备好部署 Astro 网站时,您可以将浏览器环境连接到 GitHub,以将存储库分叉到您的 GitHub 帐户。这是 CodeSandbox 中的“Just the basics”模板。
在 CodeSandbox 中打开的 Astro Just the basics 项目
将 Astro 模板部署到 Netlify
如果您想跳过上述步骤并在两分钟内试用 Netlify 上的 Astro ,我们构建了一个您可以部署到 Netlify 的 Astro 快速入门模板。查看此博客文章以了解更多信息,或单击下面的“部署到 Netlify”按钮进行尝试。
部署至 Netlify 按钮
模板部署方法的优点在于,Netlify 会自动在您的 GitHub 帐户中为您创建一个新 马来西亚whatsapp数据 的存储库,启动新构建,运行 测试并为您分配一个实时 URL——所有这些只需大约两分钟即可完成。
现在您已经使用 Astro CLI 或浏览器内环境创建了一个新的 Astro 站点,是时候部署了!但首先,您需要根据要构建的项目类型,选择如何部署项目。
通过三种方式部署 Astro
Astro 和 Netlify 为您提供三种将网站部署到 Netlify 的方法,具体取决于您所需的功能类型。您可以将 Astro 部署为静态网站、服务器呈现网站或边缘呈现网站。
Astro 网站是开箱即用的静态网站。这意味着所有页面在构建时都预呈现为静态 HTML,缓存并根据每个请求从 Netlify 内容交付网络 (CDN) 提供服务。静态网站适合内容繁多且不经常更改的网站,例如营销网站、登录页面和文档。要更新对静态网站的更改,您需要在 Netlify 上重新构建它,方法是推送到 Git、设置构建钩子或在 Netlify 仪表板中手动触发构建。您不需要任何额外的配置即可将静态 Astro 网站部署到 Netlify。它就是有效™。
当您准备好部署 Astro 网站时,您可以将浏览器环境连接到 GitHub,以将存储库分叉到您的 GitHub 帐户。这是 CodeSandbox 中的“Just the basics”模板。
在 CodeSandbox 中打开的 Astro Just the basics 项目
将 Astro 模板部署到 Netlify
如果您想跳过上述步骤并在两分钟内试用 Netlify 上的 Astro ,我们构建了一个您可以部署到 Netlify 的 Astro 快速入门模板。查看此博客文章以了解更多信息,或单击下面的“部署到 Netlify”按钮进行尝试。
部署至 Netlify 按钮
模板部署方法的优点在于,Netlify 会自动在您的 GitHub 帐户中为您创建一个新 马来西亚whatsapp数据 的存储库,启动新构建,运行 测试并为您分配一个实时 URL——所有这些只需大约两分钟即可完成。
现在您已经使用 Astro CLI 或浏览器内环境创建了一个新的 Astro 站点,是时候部署了!但首先,您需要根据要构建的项目类型,选择如何部署项目。
通过三种方式部署 Astro
Astro 和 Netlify 为您提供三种将网站部署到 Netlify 的方法,具体取决于您所需的功能类型。您可以将 Astro 部署为静态网站、服务器呈现网站或边缘呈现网站。
Astro 网站是开箱即用的静态网站。这意味着所有页面在构建时都预呈现为静态 HTML,缓存并根据每个请求从 Netlify 内容交付网络 (CDN) 提供服务。静态网站适合内容繁多且不经常更改的网站,例如营销网站、登录页面和文档。要更新对静态网站的更改,您需要在 Netlify 上重新构建它,方法是推送到 Git、设置构建钩子或在 Netlify 仪表板中手动触发构建。您不需要任何额外的配置即可将静态 Astro 网站部署到 Netlify。它就是有效™。