DEV Community ·

在 Railway 上部署 Astro 静态网站

💡 原文英文，约400词，阅读约需2分钟。

📝

内容提要

本文讲解如何在Railway平台部署Astro静态网站。需要GitHub和Railway账户及Node.js。创建Astro应用后，配置`package.json`并安装依赖。创建页面文件，运行开发服务器访问本地网站。停止服务器后，构建并预览静态网站。安装Railway CLI，登录并创建项目，将`dist`文件夹链接到Railway项目进行部署。更新内容后，重新构建并部署。

🎯

关键要点

Astro是一个构建网站的框架，Railway是一个托管Web应用的平台。
部署Astro网站需要GitHub账户、Railway账户和Node.js。
在本地创建名为'my-app'的文件夹，并创建package.json文件。
在package.json中添加脚本和依赖项，并安装依赖。
创建src/pages文件夹，并添加src/pages/index.astro文件，内容为'<h1>Hello, World!</h1>'。
运行开发服务器以访问本地网站，地址为http://localhost:4321。
停止服务器后，使用npm run build构建Astro网站，生成dist文件夹。
安装Railway CLI工具并登录Railway账户。
创建新的Railway项目，并将dist文件夹链接到该项目。
使用railway up --detach命令部署应用，并生成域名。
更新主页内容后，测试更新并重新构建网站。
最后，重新部署到Railway以更新网站。

🔎

延伸解读

Astro与Railway的结合优势

Astro框架专注于构建静态网站，结合Railway平台的托管能力，可以快速实现网站的上线。Astro的高效构建和Railway的简便部署流程，使得开发者能够专注于内容创作，而不必过多担心基础设施的管理。

部署过程中的注意事项

在部署Astro网站时，确保所有依赖项正确安装，并仔细检查`package.json`中的配置。特别是在构建和部署阶段，任何小错误都可能导致网站无法正常运行，因此建议在每一步后进行测试。

更新与维护的简便性

使用Astro和Railway组合后，更新网站内容变得非常简单。只需修改源文件，重新构建并部署即可。这种灵活性使得网站维护更加高效，适合需要频繁更新内容的项目。

❓

延伸问答