部署Astro项目到Cloudflare Pages服务中
零、先决条件
- Cloudflare 账号
- Github 账号
- NodeJS 环境
一、创建项目模板
首先cd到一个新目录,运行命令
npm create astro@latest
在选择模板的地方选择“Blog”模板,然后初始化Git仓库。
提示:如果在安装依赖的时候显示Time out,可以不管,完成后直接运行以下命令
npm install
二、上传到Github
首先事先在Github上面新建一个repo,记住repo的https地址,然后在终端中输入以下命令:
git add .
git commit -m "feat: init blog project"
git branch -M main
git remote add origin <你的GitHub仓库地址>
git push -u origin main
然后等待上传成功
三、上传到Cloudflare
- 首先访问Cloudflare官网
- 在主页右上角看到“添加”按钮
- 点击页面
- 点击“导入现有 Git 存储库”那一项的“开始使用”按钮
- 按照流程绑定Github账号
- 选择你刚刚上传的储存库
- 等待部署完成
四、大功告成
现在全球各地都能访问你的博客了(通过Cloudflare给你的域名*.page.dev访问)
以后你想写自己的文章,可以在项目的src/content/blog/文件夹内新建一个markdown文档,Astro会自动帮你管理路由!