所在位置：
首页 >
营销资讯 >
网站运营 > Google 力荐的静态站点生成神器！Github 15k+ Star，5 分钟搭建一个网站
Google 力荐的静态站点生成神器！Github 15k+ Star，5 分钟搭建一个网站
时间：2023-09-16 22:36:01 | 来源：网站运营
时间：2023-09-16 22:36:01 来源：网站运营
Google 力荐的静态站点生成神器！Github 15k+ Star，5 分钟搭建一个网站：你好，我是小金，最近看到了一个超赞的静态站点生成神器，推荐给大家。
下面是正文。
Astro 是一款现代化的轻量级静态站点生成器，具有出众的开发者体验 (Developer Experience)。虽然 Astro 从诞生到今天只有 16 个月，但其仓库的 star 数已超过 15000，并且在全球拥有超过 30000 名用户。
目前，Astro 文档已被翻译成多种不同的语言 —— 包括中文。
效果预览：
近日，Astro 发布了 1.0 正式版。团队称 1.0 意味着 API 已达到稳定状态，并可用于生产环境。部分新特性：
- 图像优化：引入新的
<Image /> 和 <Picture /> 组件 - 支持 MDX：在 Markdown 中混合编写 UI 组件的标准语法
- 支持 SSR：SSR 现已达到稳定状态，可用于生产环境
- Vite 3.0：升级 Astro 使用的构建引擎 Vite
Astro 采用了独特的
Island 组件架构，团队称这是一种用于构建更快网站的新型 Web 架构。与单页应用程序不同，Astro 的组件不会被捆绑到一个 JavaScript 包中。相反，每个组件都被视为一个独立的小型应用程序，与所有其他组件隔离存在。
Astro 其他特性：
- 自带组件框架：Astro 为 React、Vue、Svelte 和 Tailwind CSS 等前端工具提供一级支持。通过
astro add 命令即可添加使
- 支持静态页面生成 (SSG) 和服务器端渲染 (SSR)，可以按需渲染内容
- 开发者体验出众：Astro 支持所有喜爱的开发者工具和功能，如 TypeScript、NPM 包、Scoped CSS、CSS Modules、Sass、Tailwind、Markdown、MDX
- 按需组件：Astro 支持通过水化组件按需加载 JavaScript。因此，如果该特定组件不可见，它不会加载相关的 JavaScript
- 100% 静态 HTML，无 JavaScript 运行时环境：当构建 Astro 时，它将删除所有 JavaScript，并将整个页面渲染为静态 HTML 页面
- SEO 友好：使用 Astro，可以启用自动网站地图、RSS 订阅、分页和收藏
- 基于文件的路由：就像 Next.js 一样，Astro 有一个基于文件的路由机制，所有在 /pages 中的东西 Astro 都会将目录转化为路由
借发布 1.0 的机会，开发团队还对官网 astro.build 进行了重新设计：
最后团队表示，Astro 从首次推出到现在发布 1.0 正式版，已经发生了许多变化。它不仅仅只是静态站点生成器，开发者可以在任何流行的托管平台上将 Astro 构建为动态的、支持 SSR 的服务器。项目地址：
https://github.com/withastro/astro。你可以通过官方提供的在线运行环境进行体验：
地址：
https://astro.new/。
Github掘金计划由3位志同道合热爱开源的小伙伴维护，我们想让 Github 和 Gitee 上优质的开源项目被更多人看到！如果有帮助的话点个在看或者赞就是对我们最大的鼓励！
欢迎关注 @Github掘金计划，持续分享优质开源项目！
在线咨询
