Astro + Cloudflare Pages 搭建博客

1、在以下网址获取一个博客模板

https://astro.build/themes

2、拉下来之后本地调整代码

npm install
npm run dev

3、目前自己用的要注意一下几个位置

src/const.ts 常量、配置文件
src/content/ 博客所在的文件夹
src/pages/ 页面所在的文件夹(如 Home, About 等等)
public/profile.webp 头像图片

4、在github上新建一个仓库,把项目提交到github上

5、部署 Cloudflare Pages

先点击左下角:Workers & Pages,然后点击 Create。
选择 Pages,点击 Connect to git
选择自己刚刚建的的 Github 仓库
选择Astro-Site
配置仓库和分支
Build settings中Framework present选择Astro
Build command选择npm run build
Build output directory输入dist
然后Save and Deploy


扫描二维码,在手机上阅读!

发表评论

电子邮件地址不会被公开。 必填项已用*标注