Astro is a JavaScript web framework optimized for building fast, content-driven websites. Astro improves website performance by rendering components on the server, sending lightweight …

如果你需要一个加载速度快、具有最优秀 SEO 的网站，那么 Astro 就是你的选择。 了解Astro的工作原理并浏览API官方文档。 用新的框架和库来增强你的项目。 探索一系列社区构建的入门主题。 快来向我们令人惊叹的Discord社区问好。 ️.

帮助你使用聚焦于内容驱动型网站的 web 框架 Astro 的指南、资源和 API 参考信息。

要安装 Prism 高亮器组件，需要 先安装 @astrojs/prism 包： 这个组件通过应用 Prism 的 CSS 类为代码块提供特定语言的语法高亮。 注意， 你需要提供 Prism 的 CSS 样式表 （或用自己的），以启用语法高亮！ 参见 Prism 配置部分 了解更多细节。 参见 Prism 支持的语言列表，在那里你可以找到一种语言的对应别名。 而且，你也可以用 lang="astro" 来展示 Astro 代码块！ <Image src={myImage} alt="A description of my image." /> <!-- 输出 --> <!-- Image 组件已经过优化， …

Astro 以开创了一种新的前端架构而闻名，与其他框架相比它减少了 JavaScript 的开销和复杂性。 如果你需要一个加载速度快、具有良好 SEO 的网站，那么 Astro 就是你的选择。 已有帐号？ 立即登录. chore (deps): update mcr.microsoft.com/devcontainers/javascript-node do… feat (assets): Delete original assets unused outside of the optimizatio… powerful developer experience meets lightweight output.

Astro 支持多个受欢迎的框架并提供了集成，包括 React 、 Preact 、 Svelte 、 Vue 、 SolidJS 、 AlpineJS 和 Lit。 在我们的集成目录中找到更多 社区维护的框架集成 （例如 Angular、Qwik、Elm 等）。 你可以在你的项目中安装和配置一个或多个 Astro 集成。 查看 集成指南 以获取更多关于安装和配置 Astro 集成的信息。 想要看看你选择的框架的示例？ 访问 astro.new 然后选择一个框架模板。 在 Astro 页面、布局和组件中就像 Astro 组件一样使用你的 JavaScript 框架组件。 所有 …

Astro 包含了一个 astro add 命令，用于自动设置官方集成。 如果你愿意，可以改为 手动安装集成。 在新的终端窗口中运行以下其中一个命令。 如果你遇到任何问题， 请随时在 GitHub 上向我们报告 并尝试下面的手动安装步骤。 首先，使用你的包管理器安装 @astrojs/tailwind 和 tailwindcss。 然后，使用 integrations 属性将集成应用到你的 Astro 配置文件中： // ... 然后，在你的项目根目录下创建一个 tailwind.config.mjs 文件。 你可以使用以下命令来生成一个基本的配 …

Astro 集成 为你的 React 组件实现渲染和客户端水合。 Astro 包含了一个 astro add 命令，用于自动设置官方集成。 如果你愿意，可以改为 手动安装集成。 要安装 @astrojs/react，请在你的 …

Astro 在开发过程中会匹配这个路径名，这样你的开发环境就会尽可能地与你的构建环境匹配。 在下面的例子中， astro dev 会在 /docs 处启动你的服务器。 当使用这个选项时，你所有的静态资源导入和 URL 都需要添加 base 作为前缀。 你可以通过 import.meta.env.BASE_URL 访问这个值。 import.meta.env.BASE_URL 的值将由你的 trailingSlash 配置所决定，无论你为 base 设置了什么值。 如果设置了 trailingSlash: "always"，则始终包含尾部斜杠。 如果设置了 trailingSlash: …

The web framework that scales with you — Build fast content sites, powerful web applications, dynamic server APIs, and everything in-between ⭐️ Star to support our work! - ngogiaphat/AstroJS