skip to content
李kk的博客

Astro 开发技巧

Astro 是一个现代化的静态网站生成器,专注于内容驱动的网站。以下是一些使用 Astro 的实用技巧:

  1. 局部刷新:Astro 支持局部刷新,这意味着您可以在不重新加载整个页面的情况下更新页面的特定部分。

  2. 内容集合:使用 src/content 目录组织您的内容,Astro 会自动为您处理内容的查询和渲染。

  3. 按需组件:Astro 默认不会发送任何 JavaScript 到浏览器,除非您明确指定需要客户端交互。

  4. 混合框架:您可以在同一个项目中混合使用不同的框架组件(React、Vue、Svelte 等)。

  5. 图像优化:使用 astro:assets 自动优化您的图像,提高网站性能。