跳到主要内容

astro介绍

最后更新于:

astro

https://astro.build/

https://docs.astro.build/zh-cn/getting-started/

Astro 是什么

Astro 是一个做静态网站的前端框架,主打:超快、极简、现代、好写。

你可以把它理解成:

  • Hugo 更懂前端(React、Vue、Tailwind 随便用)
  • Next.js/Nuxt 更轻、更快
  • 专门用来做:博客、文档站、官网、作品集

它最核心的 3 个特点

  1. 默认 0 JS → 页面超快 它默认只输出纯 HTML/CSS,不加载多余 JavaScript,所以打开速度非常快。

  2. 想加交互再加水化(Partial Hydration) 只有你需要按钮、轮播、菜单这些交互时,才加载一点点 JS,其他还是静态。

  3. 前端生态随便用 直接写:

    • React 组件
    • Vue 组件
    • Svelte 组件
    • Tailwind CSS 不用复杂配置,直接混着写。

一句话总结

Astro = 像 Hugo 一样快的静态站 + 像现代前端一样舒服的开发体验。

如果你是写博客、做官网、搭文档,它现在是最舒服、最流行的选择之一。

需要我给你一段最简单的 Astro 入门代码,让你一眼看懂怎么写吗?

最新文章

文档导航