--- title: Gatsby 基础知识之根 --- # Gatsby 基础知识之根 Gatsby 是 JavaScript 开发者最爱的框架，每个框架的底层都以一种机制保持数据有效，然而无论如何，你肯定不想为了编写一些 CSS 代码从零开始，你或许更想用一些第三方库来完成你的目的。这种情况下Gatsby 有一个很强大的能力：可以一步步扩展Gatsby 的基础知识，从根部开始。 要做到这点，你需要阅读[第一章：Gatsby 基础知识](/chapter1/)，然后你可以使用上面的章节中的文章来扩展你的基础知识。下面的[页面有什么用](https://www.gatsbyjs.org/blog/2020-07-03-gatsby-starter-tutorial/)？你可以参考[这些介绍 Gatsby 的博客](https://www.gatsbyjs.org/blog/)，还有 [Gatsby 文档指南](https://www.gatsbyjs.org/docs/)。 Gatsby 文档说明了你在浏览器地址栏打开的网页如何会看起来很高效，Gatsby 帮助你在没有设计师的同时建立一个可控的、响应式的网站。 > Gatsby 对于浏览器兼容性要求不高，所以它最适合对应用程序的开发人员 你可以在[这里](https://www.gatsbyjs.com/blog/2018-11-12-gatsby-the-missing-static-site-generator/)看到从前端到Gatsby的介绍。 如果你想学习一些其他的编程语言，我建议使用 [JavaScript](https://www.gatsbyjs.com/blog/2020-07-05-gatsby-plugin-ecmascript/)，或者在[前端技术](https://www.gatsbyjs.com/blog/2020-07-05-gatsby-plugin-es6/)上熟悉一些 ES6 语法和JavaScript 的特性。 如果你想了解 Gatsby 还有哪些模块，请阅读[模块系统](https://www.gatsbyjs.com/docs/modules/)文档。 如果你想测试下自己编写的 Gatsby 插件，你可以参考这篇 [教程](https://www.gatsbyjs.com/blog/2020-07-10-gatsby-plugin-writing-a-custom-plugin-part-1/)。 ## 文档 了解 Gatsby 的开发工作流程，你可以查看这篇 [使用 Gatsby 最简单的文档的指南](/using-gatsby-the-bare-minimum/)。 你可以在 [Gatsby 官方文档库](/documentation/)里面找到最新的用户指南。我们会持续更新 Gatsby 的文档，所以你应该在 [GitHub 上运行 `Gatsby` 命令来查看最新的内容](/learning-gatsby/#gatsby_on_github). > Gatsby 文档在 GitHub 上可以在[这里](https://github.com/gatsbyjs/gatsby/search?q=label%3Astarter)找到。 Gatsby 文档通常被分成以下几个类别： - [开发指南](/documentation/) - [开发指南](/getting-started/) - [核心概念](/core-concepts/) - [高级概念](/advanced-concepts/) - [性能指南](/performance/) - [常见问题](/faq/) - [安装和升级](/installation-and-upgrades/) - [其它](/other/) - [插件](/plugins/) - [工具](/tools/) ## 实践 Gatsby 是面向最小的开发团队来使用的框架，因为你没有很多人一起使用，所以你需要让大家与你一起去做开发。你应该通过在一个 GitHub 库中共享代码来帮助别人测试和维护 Gatsby 的代码。 如果你从没写过网页，你应该不需要创建网站。如果你已经有一些靠 HTML 和 CSS 编写的网站，你就不必再在 Gatsby 中再构建一些样式，只需要将你的 CSS 合并到自己的插件中，或者你的插件可用 Gatsby 提供的样式。 如果你想为你的网站启用推送，可以选择任何一个第三方的项目（我在本地开发的项目使用了 [prism.js](https://prismjs.com/)）。我们可以在这些项目中找到更好的图片优化方案，或者抓取使用了 Gatsby 的大量网页内容（网站上有大量的文字和图片）的插件。 > 如果你想写 Gatsby 插件，请看看[这篇指南](/learn-gatsby/#creating-a-gatsby-plugin)，我们会在下一节中作个题。 如果你是前端开发人员，我们建议你在一个 GitHub 账户中提供一个带有 Gatsby 和 `.gitignore` 的文件夹，以便别人可以下载和编译这个文件夹，即便你在 Github 上没有共享你的项目。我建议你使用[ `yarn clone`](https://github.com/YOURUSERNAME/YOURTEMPLATE)命令去从你的 Github 打包下载你的项目，这会使你的 Github 项目变得十分透明。 尝试过[这里的 Gatsby 仓库](https://github.com/gatsbyjs/gatsby-starter-hello-world)？它的 `gatsby-node.js` 文件可以执行 Gatsby 插件，我们会在下一节中介绍插件的编写。 现在你就可以在你的浏览器中打开 `http://localhost:8000` 来浏览你的网站了，对 Gatsby 的源码并没有任何编译打包之后的代码，而它的项目（`index.html`、`logo.png` 和 `gatsby-app.js`）却被载入到了你的浏览器中。