初识Astro,并部署到Netlify

136 阅读1分钟

初识Astro

优点

  • 加载速度快
  • 具有良好 SEO(搜索引擎优化)

本来尝试vuepress,但是因为vuepress自由度较低,Astro开创并推广了一种叫做 群岛 的前端架构。可以在Astro中使用任意UI库和框架。

image.png

所以我决定个人博客使用vue+Astro进行开发

npm create astro@latest

直接使用npm即可创建一个基本的Astro框架,node版本>18

Netlify部署

Netlify是Astro官方推荐的,用于构建高性能和动态网站、电子商务商店和 Web 应用程序。

可以与github仓库关联,将刚刚创建的项目添加到新创建的github仓库,Netlify与github仓库进行关联后,会进行域名的配置,我是使用了先前在阿里云购买的域名,配置好域名后,需要在阿里云控制台修改DNS。

image.png

过一段时间,DNS生效后,直接访问https://你的域名 ,即可访问,在vscode进行新的代码推送后,Netlify会自动重新部署。


在代码推送的时候,报了一个错。

Git:fatal:unable to access'github.com/******** read:Connection was aborted,errno 10053

需要输入命令,取消http和https代理再推送即可成功

git config --global --unset http.proxy
git config --global --unset https.proxy