Py学习  »  Git

Google 力荐的静态站点生成神器!Github 15k+ Star,5 分钟搭建一个网站

Github掘金计划 • 1 年前 • 266 次点击  
Astro 是一款现代化的轻量级静态站点生成器,具有出众的开发者体验 (Developer Experience)。
虽然 Astro 从诞生到今天只有 16 个月,但其仓库的 star 数已超过 15000,并且在全球拥有超过 30000 名用户。

目前,Astro 文档已被翻译成多种不同的语言 —— 包括中文。


效果预览:


近日,Astro 发布了 1.0 正式版。团队称 1.0 意味着 API 已达到稳定状态,并可用于生产环境。部分新特性:
  • 图像优化:引入新的  和  组件

  • 支持 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 掘金计划 :历史优质原创文章汇总!

  • • 程序人生:编程经历、英语学习、延寿指南。

  • • 神器工具 : 一些好用的插件、软件、网站。

  • • 编程基础 :精选编程基础如学习路线、编程语言相关的开源项目。

  • • 计算机基础:精选计算机基础(操作系统、计算机网络、算法、数据结构)相关的开源项目。

  • • 技术面试 :精选技术面试相关的开源项目。

  • • 项目实战 :精选实战类型的开源项目。

用心发掘 Github 和 Gitee 上优质的开源项目。

欢迎关注!欢迎点赞分享!

Python社区是高质量的Python/Django开发社区
本文地址:http://www.python88.com/topic/138777
 
266 次点击