使用Astro搭建网站的心得
最近使用Astro搭建了一个作品集网站，挺好玩的。
Astro是2021年出现的一个比较新的Web框架，以速度快，独特的群岛架构著称。其实，之前的静态网站生成器Hexo、Hugo、Jekyll等，都已经非常成熟了，用来写blog更是绰绰有余，这次之所以选择Astro，完全看中它是一个较新的架构，既然是学习研究，不如选个难点的。
关于Astro blog的搭建步骤，网上教程非常多，就不再重复了，这篇文章想重点写点之前少有人提及，但容易绕弯路的地方，谈谈自己在学习Astro过程中的体会。
养成阅读文档的习惯。
我以前也不注意这点，看完别人写的分享文章，感兴趣的，拿过来就施工。在一篇文章里，是很难把一个工具完全讲透彻的，对一个软件最权威的介绍，往往是它的官方文档。很多时候，遇上问题，可能在网上找了一圈，最后却发现文档里早就已经写了。
所以，在搜索网上帖子之前，应尽可能先阅读Astro的官方文档。Astro的文档在同类工具中是做的比较好的，其中有一个新手博客教程，非常详尽，按照它的步骤走，就可以做好一个Astro网站，同时也熟悉了基础知识。
从零开始写一个Astro网站是一件痛苦的事，好在有很多模板，可以快速上手。在熟悉Astro的基本操作之后，从模板开始，或安装一个主题，可以极大提升我们的效率。
Astro官方提供了一个最基础的GitHub Pages模板，一键fork就建好了Astro站点。如果要搭建更精美，更具设计感的网站，Astro官网上有很多付费和免费的模版，可供选择、借鉴。在GitHub上，也能找到不少开源作者的主题。当然，在网上冲浪时，偶然遇到一个打动我们的好设计，如果那个主题又恰好是开源的，也可以直接使用。
Astro GitHub Pages Template：https://github.com/withastro/github-pages
Astro主题：https://astro.build/themes网站SVG图标，可到相关站点寻找，有不少开源可商用的代码。Bootstrap本身是一个老牌的前端框架，我用它做过一个官网，它的图标站开源免费、适于所有架构网站，这次我就用它。
Bootstrap图标：https://icons.getbootstrap.com
使用
npm run build命令构建站点，dist文件夹里的，就是构建好的网站，可以直接部署到生产环境。Astro可以很方便的构建到许多Serverless平台，无需服务器，配上一个免费的二级域名，近乎0成本就可以拥有属于自己的网站。
Cloudflare Pages预制了Astro环境，部署起来非常方便，类似的还有Vercel、Netlify等。
也可以使用GitHub Pages，用Actions构建，直接从存储库托管网站。使用别人的主题模板时，同样一套源码，一构建到生产环境，就和在IDE里预览到的不一致，似乎“所见非所得”了，这时需要检查构建环境，模板作者会在package-lock文件里指定node.js和npnm的版本，我们写的YAML配置文件一定要与之一致。
GitHub Pages提供了详细的官方文档，强烈建议也看一看。
GitHub Pages文档：https://docs.github.com/zh/pages
善用AI，多看论坛。
不管是Deepseek还是ChatGPT，Gemini，可以想象，在这些AI出现之前，若没人指导，碰到一个问题，几天乃至几个星期想不明白，是很常见的。现在，有了AI，机器自我编程，它们就可以全天候解答我们的问题了，AI的回答也许不能一击即中，但，结合自己的思考，经过几轮提问，往往就能找到问题的所在。这就为自学提供了可能，AI替代专业人员，不是开玩笑。
开发不是闭门造车，多看论坛，了解最新的潮流和资讯，才能追踪最新技术，提高审美，获得启发和灵感。
无论blog还是作品集、文档站，使用Astro的构建过程，都是比较简单轻松的。科技降低了分享知识的门槛，上线一个漂亮的网站只在瞬间，就看我们能否提出独到的见解，产出优质的内容了。
