英文原文正文为项目原始 README(英文),本站后续会翻译为中文,当前仅剔除图片与无关章节并统一排版。
盖茨比
网络开发的未来就在这里。
Gatsby 是一个基于 React 的免费开源框架,帮助开发者构建超快的网站和应用。
它将动态渲染网站的控制力和可扩展性与静态站点生成的速度结合起来,创造出全新的网络可能性。
快速开始 · 教程 · 插件 · 起步模板 · 展示 · 贡献
支持: 讨论
Gatsby 帮助专业开发者高效创建可维护、高性能、内容丰富的网站。
-
从任何地方加载数据。 Gatsby 可以从任何数据源获取数据,无论是 Markdown 文件、无头 CMS(如 Contentful 或 WordPress),还是 REST 或 GraphQL API。使用源插件加载数据,然后通过 Gatsby 的统一 GraphQL 接口进行开发。
-
超越静态网站。 获取所有静态网站的优点,而不受其限制。Gatsby 网站是完整的 React 应用,因此你可以创建高质量的动态 Web 应用,从博客到电子商务网站,再到用户仪表板。
-
选择你的渲染选项。 除了静态站点生成(SSG),你还可以按页面选择替代渲染选项,即延迟静态生成(DSG)和服务器端渲染(SSR)。这种细粒度控制允许你在不牺牲任何一方的情况下优化性能和生产力。
-
性能天生优异。 默认即可通过性能审查。Gatsby 自动处理代码拆分、图像优化、关键样式内联、懒加载、资源预取等,确保你的网站快速——无需人工优化。
-
为每个网站使用现代技术栈。 无论数据来源如何,Gatsby 网站均使用 React 和 GraphQL 构建。为你和你的团队建立统一的工作流,无论数据是否来自同一后端。
-
以极低成本进行大规模托管。 Gatsby 网站不需要服务器,因此你可以通过 CDN 托管整个网站,成本远低于服务器渲染的网站。许多 Gatsby 网站甚至可以完全免费托管在 Netlify 和其他类似服务上。
🚀 在5分钟内发布你的第一个Gatsby网站
点击下方链接,快速体验使用 Gatsby 和 Netlify 开发、构建和部署网站的工作流程。
在此流程结束时,你将拥有
- 一个在 Netlify 上运行的网站
- 一个与该新网站关联的新仓库
- 当你向新仓库提交更改时,Netlify 将自动重建并重新部署你的网站!
💻 在本地5分钟内开始使用Gatsby
通过以下四个步骤,你可以在本地开发环境中在 5 分钟内启动新的 Gatsby 网站:
-
初始化新项目。
npm init gatsby给它取名为“我的 Gatsby 网站”。
-
以
develop模式启动网站。接下来,进入你新网站的目录并启动它:
cd my-gatsby-site/ npm run develop -
打开源代码并开始编辑!
您的网站现在正在
http://localhost:8000运行。在您选择的代码编辑器中打开my-gatsby-site目录,并编辑src/pages/index.js。保存更改后,浏览器会实时更新!
此时,您已经拥有一个功能完整的 Gatsby 网站。有关如何自定义 Gatsby 网站的更多信息,请参阅我们的 插件 和 官方教程。
🎓 学习Gatsby
Gatsby 的完整文档请查看 官方网站。
-
对于大多数开发者,我们推荐从我们的 Gatsby 网站创建深度教程 开始。 教程不假设您的能力水平如何,并逐步讲解整个过程。
-
如要直接查看代码示例,请前往 我们的文档。 特别是查看侧栏中的“操作指南”、“参考”和“概念指南”部分。
我们欢迎对文档改进的建议。更多详情请参阅 “如何贡献” 文档。
🚢 发行说明
想知道我们最近发布了什么?查看我们的发布说明以了解主要亮点、性能改进、新功能以及显著的错误修复。
同时,阅读我们的版本支持文档以了解我们对每个 Gatsby 版本的计划。
💼 迁移指南
已经有 Gatsby 网站了吗?这些实用指南将帮助你在不从头开始的情况下,将 Gatsby v5 的改进应用到你的网站中!
❗ 行为规范
Gatsby致力于建设一个热情、多元、安全的社区。我们希望所有参与Gatsby社区的人都遵守我们的行为准则。请阅读它。请遵守它。在Gatsby社区中,我们努力互相支持,共同创造惊人的成果。💪💜
🤝 如何贡献
无论您是在帮助我们修复错误、改进文档,还是宣传我们的项目,我们都希望您成为 Gatsby 社区的一员!
查看我们的贡献指南,了解贡献的想法以及在本地计算机上运行我们的代码库的设置步骤。
关于此代码库的组织方式的说明
此代码库是一个使用 Lerna 管理的单一仓库(monorepo)。这意味着即使我们将它们作为独立的包发布到 NPM,这个代码库中仍然管理着多个包。
📝 许可证
根据 MIT 许可证 获得许可。
💜 感谢
感谢所有为我们创造插件、启动器、视频和博客文章的众多贡献者。特别感谢那些在问题和PR上提供帮助,或在GitHub讨论中回答问题的社区成员。
Gatsby的伟大很大一部分归功于社区中的每一位成员。你们的贡献丰富了Gatsby的体验,并每天让它变得更好。
- 本文标题:gatsby - 基于 React 的框架
- 本文链接:https://cn121.com/webapp/gatsbyjs-gatsby.html
- 原项目:gatsbyjs/gatsby 版权归原作者 gatsbyjs 及贡献者所有
- 收录信息:本站于 2026-10-08 收录本项目,本页所列协议与仓库指标均为收录当时的状态;该日期之后原项目的版本更新与协议变更,本页不作同步。
- 开源协议:收录时本项目采用 MIT(查看 LICENSE 原文),本站转载其原始文档(未改动文字,仅剔除图片与无关章节);使用、修改、分发请以该仓库 LICENSE 原文为准。
- 站点出处:本文首发于 OneTwoOne,收录自 GitHub 开源项目 gatsbyjs/gatsby。
- 内容说明:本页正文为原项目 README 原文(英文),本站后续会翻译为中文(当前尚未译出,仅将二级标题译为中文,便于按栏目定位;标题原文可在下方原仓库中查看),仅剔除了图片与赞助等无关章节、并把相对链接改为绝对地址;页首简介为机器翻译自仓库描述。
- 引用声明:商业转载、第三方聚合或 AI 检索训练引用时,请务必保留以上来源出处、本文永久链接,以及原项目的版权声明与许可信息。
- 下架通道:若原项目此后变更或收紧了许可协议、或作者/权利人认为本站的收录方式(译文、排版适配、简介翻译等)超出其授权范围,请通过 xyd3302001@163.com 发送下架通知,并附上项目地址与本页链接。本站核实后将第一时间删除本页内容,或改为不复制原文的目录性收录;署名更正等其他要求可一并提出。