whitedroplab/gatsby

通过 composer wd 进行测试

安装: 0

依赖: 0

建议者: 0

安全: 0

星级: 0

关注者: 1

分支: 0

开放问题: 2

语言:JavaScript

dev-master 2020-12-14 14:04 UTC

README

Gatsby

Gatsby 默认启动器

使用这个默认脚手架启动你的项目。这个启动器包含了你可能需要的 Gatsby 配置文件,让你能够快速使用 React 的快速应用生成器。

有更具体的需求?你可以查看我们丰富的官方和社区创建的启动器集合。

🚀 快速开始

  1. 创建一个 Gatsby 网站。

    使用 Gatsby CLI 创建一个新的网站,指定默认启动器。

    # create a new Gatsby site using the default starter
    gatsby new my-default-starter https://github.com/gatsbyjs/gatsby-starter-default
  2. 开始开发。

    进入你的新网站目录并启动它。

    cd my-default-starter/
    gatsby develop
  3. 打开源代码并开始编辑!

    你的网站现在在 https://:8000 运行!

    注意:你还会看到一个第二个链接: https://:8000/___graphql。这是一个你可以用来查询数据的工具。有关如何使用此工具的更多信息,请参阅Gatsby 教程

    在你的代码编辑器中选择 my-default-starter 目录,并编辑 src/pages/index.js。保存你的更改,浏览器将实时更新!

🧐 内容包含什么?

快速查看 Gatsby 项目中你将看到的顶级文件和目录。

.
├── node_modules
├── src
├── .gitignore
├── .prettierrc
├── gatsby-browser.js
├── gatsby-config.js
├── gatsby-node.js
├── gatsby-ssr.js
├── LICENSE
├── package-lock.json
├── package.json
└── README.md
  1. /node_modules:此目录包含项目依赖的所有代码模块(npm 包),将自动安装。

  2. /src:此目录将包含所有与网站前端相关(你在浏览器中看到的)的代码,例如网站页眉或页面模板。 src 是“源代码”的约定。

  3. .gitignore:此文件告诉 git 它应该跟踪/不维护哪些文件的版本历史。

  4. .prettierrc:这是一个 Prettier 的配置文件。Prettier 是一个帮助保持代码格式一致的工具。

  5. gatsby-browser.js:此文件是 Gatsby 预期找到任何使用 Gatsby 浏览器 API(如果有)的地方。这些允许定制/扩展影响浏览器的默认 Gatsby 设置。

  6. gatsby-config.js:这是 Gatsby 网站的主要配置文件。你可以在这里指定有关网站(元数据)的信息,例如网站标题和描述,你希望包含的 Gatsby 插件等。(有关更多详细信息,请参阅配置文档)。

  7. gatsby-node.js:此文件是 Gatsby 预期找到任何使用 Gatsby Node API(如果有)的地方。这些允许定制/扩展影响网站构建过程的默认 Gatsby 设置。

  8. gatsby-ssr.js:此文件是 Gatsby 预期找到任何使用 Gatsby 服务器端渲染 API(如果有)的地方。这些允许定制影响服务器端渲染的默认 Gatsby 设置。

  9. 许可协议:Gatsby遵循MIT许可协议。

  10. package-lock.json(见下文中的 package.json,排在第一位)。这是一个根据项目安装的npm依赖的确切版本自动生成的文件。(您不能直接修改此文件)。

  11. package.json:Node.js项目的清单文件,包含诸如元数据(项目名称、作者等)等信息。此清单文件是npm了解为您的项目安装哪些包的方式。

  12. README.md:一个包含关于您项目的有用参考信息的文本文件。

🎓 学习Gatsby

需要更多指导?Gatsby的完整文档位于网站上。以下是开始的一些地方:

  • 对于大多数开发者,我们推荐从我们的Gatsby创建网站深入教程开始。它从零假设您的技能水平开始,并逐步讲解每个步骤。

  • 要直接进入代码示例,请访问我们的文档特别是,检查侧边栏中的指南API参考高级教程部分。

💫 部署

Deploy to Netlify

Deploy with ZEIT Now