Suyi的小站

Astro github pages快速部署

2024-10-22
前端
astro
最后更新:2024-10-24
2分钟
228字

^_^本站就是笔者用下面的方式摸索搭建出来的,可以多多点击查看astro的效果。

部署步骤

  1. 生成astro项目,可以选择已有主题 Astro主题Gallery
  2. 新建github pages仓库。
    • 例如:github.com/your-user-name/your-user-name.github.io
    • 主分支为main => 作为部署的静态文件保存用
  3. 新建一个source分支,放源码。Push codes => source分支
  4. Astrojs build
  5. 使用gh-pages库将build产物发布到main分支
  6. 使用CNAME的域名访问查看效果。

问题备忘

  1. Github page不支持astrojs的build产物中下划线开头的文件/文件夹的访问。

    默认build会生成/_astro/_astro/_xxx.js等文件,由于github page的jekyll默认特性,无法直接访问。

    解决方案:Github pages根目录放置.nojekyll文件可以禁用jekyll的特性

广告
本文标题:Astro github pages快速部署
文章作者:Suyi
发布时间:2024-10-22