^_^本站就是笔者用下面的方式摸索搭建出来的,可以多多点击查看astro的效果。
部署步骤
- 生成astro项目,可以选择已有主题 Astro主题Gallery
- 新建github pages仓库。
- 例如:
github.com/your-user-name/your-user-name.github.io
- 主分支为
main
=> 作为部署的静态文件保存用
- 例如:
- 新建一个
source
分支,放源码。Push codes =>source
分支 - Astrojs build
- 如果自有域名,在astrojs项目中配置CNAME指向
- astrojs的各种配置项说明文档
- 使用gh-pages库将build产物发布到main分支
- 使用CNAME的域名访问查看效果。
问题备忘
-
Github page不支持astrojs的build产物中下划线开头的文件/文件夹的访问。
默认build会生成
/_astro
、/_astro/_xxx.js
等文件,由于github page的jekyll默认特性,无法直接访问。解决方案:Github pages根目录放置
.nojekyll
文件可以禁用jekyll的特性。