部署站点前的准备工作
1、GitHub账号
GitHub 账号是部署站点所需的。你可以在 GitHub 注册一个账号。
!!!注意!!! 访问Github需要良好的网络环境,否则可能会导致失败。
2、项目代码
项目代码是部署站点所需的。你可以在 GitHub 上创建一个新仓库,将项目代码上传到该仓库。
3、安装并配置Git,上传项目代码
你可以通过Git命令行工具将项目代码上传到 GitHub 仓库。
展开查看Git上传项目代码步骤
第一步:创建 GitHub 仓库
1.登录你的 GitHub 账号
2.点击右上角的 ”+” 号,选择 New repository
3.填写仓库名称(如:myblog)
4.选择公开(Public)或私有(Private)仓库
5.勾选 Add a README file(可选)
6.点击 Create repository 创建仓库
第二步:上传项目代码(所涉及到的命令均在项目根目录下运行命令行工具)
1.安装Git
你可以在Git官网下载并安装 Git。 安装完成后,在命令行中运行以下命令,检查安装是否成功:
git --version若出现版本号,说明安装成功。
2.在本地项目目录中,初始化 Git 仓库:
git init3.添加所有文件到 Git 仓库:
git add .4.提交更改:
git commit -m "Initial commit"5.将项目代码推送到 GitHub 仓库:
git remote add origin https://github.com/yourusername/myblog.gitgit branch -M maingit push -u origin main6.上传完成后,你可以在 GitHub 仓库中查看项目代码。
7.后期维护
后期维护时,你可以在本地项目目录中进行修改,然后将修改推送到 GitHub 仓库。
在本地项目目录中,运行以下命令,将修改推送到 GitHub 仓库:
git add .git commit -m "Update project"git push通过Vercel部署
根据实践来看,部署到Vercel是比较好的选择
你可以使用 Vercel 零配置的将 Astro 站点部署到其全球边缘网络中。
本指南主要介绍通过 Vercel CLI 将 Astro 站点部署到 Vercel 的相关说明。
展开查看Vercel部署步骤
1.安装Vercel CLI
展开查看Vercel CLI安装步骤
在项目根目录下运行以下命令,安装 Vercel CLI:
pnpm install -g vercel当 Vercel CLI 有新版本时,运行任何命令都会显示更新可用信息。
此时可以通过以下命令安装更新:
pnpm install -g vercel@latest安装完成后,你可以通过以下命令验证安装是否成功:
vercel --version若出现版本号,说明安装成功。后期也可以通过该命令检查版本号。
2.运行Vercel并登陆账号
展开查看Vercel CLI登陆账号步骤
在项目根目录下运行以下命令,登陆 Vercel 账号:
vercel login登录成功后,你可以在 Vercel 网站上查看和管理你的部署项目。
3.部署项目
展开查看Vercel CLI部署步骤
运行以下命令,将项目部署到 Vercel:
vercel首次部署时,会提示你输入项目名称。如果不输入,Vercel 会自动为你生成一个名称。
部署过程中,Vercel 会自动检测项目类型为 Astro,并根据 Astro 配置进行部署。在此期间会有许多选择(通常会有如下几项),你可以根据提示进行选择。
vercel? Set up and deploy "~/web/my-new-project"? [Y/n] y? Which scope do you want to deploy to? My Awesome Team? Link to existing project? [y/N] n? What's your project's name? my-new-project? In which directory is your code located? my-new-project/Auto-detected project settings (Next.js):- Build Command: \`next build\` or \`build\` from \`package.json\`- Output Directory: Next.js default- Development Command: next dev --port $PORT? Want to override the settings? [y/N] n部署完成后,Vercel 会提供一个唯一的部署 URL,你可以在浏览器中访问该 URL 查看部署后的站点。(默认是https://项目名称.vercel.app/,该URL通常在中国大陆无法访问,因此你需要将其添加到域名解析中,或者使用其他方法(如ngrok)进行访问。建议是链接一个自己的域名)
通过EdgeOne Pages部署
EdgeOne Pages 是Tencent Cloud提供的静态网站托管服务,支持自动部署,与 GitHub 集成良好,非常适合部署基于 Astro 的博客。
展开查看EdgeOne Pages部署步骤
一、创建EdgeOne Pages项目
1.登录 EdgeOne Pages控制台 国内/国际
若首次使用腾讯云,需要先注册账户并完成实名认证,国际版可在控制台顶端切换中文
2.点击+创建项目按钮,选择导入Git仓库,根据提示连接到Github
二、配置EdgeOne Pages项目
框架预设:Astor
根目录:./
输出目录:dist
编译命令:pnpm run build
安装命令:pnpm install
三、开始部署项目
配置完成后,点击开始部署按钮,等待项目部署完成。
四、访问网站
1.部署完成后,点击预览按钮,Edgeone Pages会为你提供一个预览 URL,你可以在浏览器中访问该 URL 查看部署后的站点。
2.建议添加一个自定义域名。
其他平台的部署,请参阅 Astro官方文档
在自定义域名一章中将介绍如何配置自定义域名。
如果这篇文章对你有帮助,欢迎分享给更多人!
部分信息可能已经过时



























