Gatsby - 主题和入门

各位程序员大家好，

在本文中，我将介绍适用于简单项目的GatsbyJS 入门程序和主题集合：单页网站、markdown / MDX 博客和简单的即将推出的页面。

什么是GatsbyJS

GatsbyJS 是我在过去几年中见过的最令人印象深刻的应用程序生成器，原因如下：

• 开箱即用的现代工具。
• 几乎任何东西的插件
• 所有使用 Gatsby 构建的应用在 Lighthouse 上的得分都将超过 90
• 适用于多种类型的应用程序和技术的可用启动器：单页、电子商务、博客
• 综合文档
• Spectrum和 Discord上的实时支持

开始使用Gatsby

为了开始使用 Gatsby 构建应用程序，我们需要在工作站安装几套工具：

• Node 和 Npm
• Gatsby CLI - Gatsby 控制台
• GIT - 如果我们想克隆一些启动器

官方文档中有一个关于此初始设置的综合部分，请随意访问并按照适用于您的操作系统的说明进行操作。

# install Gatsby globally 
$ npm install -g gatsby-cli
$
# test the installation
$ gatsby --help

许可信息

所有启动器和主题均采用继承自设计提供商的宽松许可证（MIT 或 CCY 30）发布。使用启动器前，请阅读许可证文件。谢谢！

GatsbyJS 范式

一个不错的GatsbyJS启动器，采用由 Html5UP 机构精心制作的简单设计。

动图

如何使用启动器

$ git clone https://github.com/app-generator/gatsby-html5up-paradigm.git
$ cd gatsby-html5up-paradigm
$ yarn # install modules
$ yarn start # start in development mode
$ yarn deploy # live FTP deployment ( Edit FTP credentials in deploy.js first)

GatsbyJS 时尚

简单的GatsbyJS启动器，具有创意布局，根据 MIT 许可发布。

GatsbyJS 多元宇宙

适合摄影师和视觉项目的GatsbyJS入门工具。

要构建此应用程序，请在终端中输入

$ git clone https://github.com/app-generator/gatsby-html5up-multiverse.git
$ cd gatsby-html5up-multiverse
$ yarn # install modules
$ yarn start # start in development mode

GatsbyJS Spectral

由 Html5 Up 机构提供设计的单页GatsbyJS网络应用程序。

GatsbyJS 航拍

一个简单的即将推出的应用程序，具有滚动背景，其设计由 Html5 Up 提供。

GatsbyJS 亮点

使用 GatsbyJS 在 HTML5Up Highlights 设计之上构建的开源应用程序。

盖茨比资源

• Gatsby Apps - Github 上发布的完整索引
• Gatsby Docs - 官方文档
• Gatsby Starters - 官方列表，按技术和用途排序
• Gatsby Apps - AppSeed支持的 Gatsby 应用

谢谢你！