盖茨比主题课程制作人 进行在线课程 主题状态：Alpha 主题为Alpha，并且可能会发生重大的重大变化。 :old_key: 电梯间距 这盖茨比主题允许你创建一个全功能的商业在线课程的免费网站。 主要特点： 使用您喜欢的工具（git，markdown）轻松创建课程和讲座 开箱即用的销售页面，带有简单的配置选项 门控内容（通过与Auth0的免费套餐和YouTube私人视频集成） 付款（通过与Stripe Checkout集成） 托管（通过Netlify，AWS或许多其他选项） 响应式设计（对于学生来说，在移动设备和平板电脑上看起来不错） SEO优化 Google Analytics（分析）整合 快速燃烧 认真的文档和支持-我们将这个主题用于我们的商业产品。 它不会安静。 当然，我们已经创建了一个课程来解释如何使用此主题;） 通过使用gatsby-theme-ui，可以通过进行完全自定义，更

盖茨比的默认启动器 使用此默认样板启动您的项目。 该入门工具随附主要的Gatsby配置文件，您可能需要使用React的快速应用生成器快速启动并运行。 还有其他更具体的想法吗？ 您可能需要查看我们充满活力的集合。 :rocket: 快速开始 创建一个Gatsby网站。 使用Gatsby CLI创建一个新站点，并指定默认启动器。 # create a new Gatsby site using the default starter gatsby new my-default-starter https://github.com/gatsbyjs/gatsby-starter-default 开始开发。 导航到新站点的目录并启动。 cd my-default-starter/ gatsby develop 打开源代码并开始编辑！ 您的站点现在在http://localhost:8000 ！

设置说明 所有组件准备就绪（包括进口） 使用main.css-减少导入 限制组件数量-更好的概述 React图标 [React图标] import { FaHome } from "react-icons/fa" const Component = ( ) => { return < FaHome xss=removed> < / FaHome > } 使用常量以避免重复。 确保您的Strapi应用程序中存在此类内容类型。 或者在gatsby-config.js中替换/删除它们 { resolve : `gatsby-source-strapi` , options : { apiURL : `http://localhost:1337` , queryLimit : 1000 , // Default

盖茨比入门者：最少的博客 排版驱动，功能丰富的博客主题，且美观程度最低。 包括标签/类别支持和代码块的广泛功能，例如实时预览，行号和行突出显示。 使用Gatsby主题 。 另外，请务必签出其他 :sparkles: 特征 MDX 通过使用盖茨比主题（和主题UI）完全可自定义 亮模式/暗模式 排版驱动，简约风格 标签/类别支持 带有和支持的代码高亮显示。 还允许添加行号，行突出显示，语言选项卡和文件标题。 博客文章的RSS Feed Google Analytics（分析）支持 SEO（Sitemap，OpenGraph标签，Twitter标签） 离线支持和WebApp清单 :rocket: 入门 创建一个Gatsby网站。 使用Gatsby CLI创建一个新站点，并指定此项目 gatsby new project-name https://github.com/LekoArts/gatsby-starte

Snipcart + Gatsby + DatoCMS示例 这是一个演示项目，可让您开始使用由 ， 和支持的静态电子商务网站。 这是一个野兽派袜子电子商务网站，看起来像这样： 您可以在此实时看到它的外观。 有关如何工作的所有详细信息，请参见。 在DatoCMS上部署 如果要自己设置现场演示，只需，然后单击此按钮： 用法 要在本地运行此项目，请安装此项目的依赖项： npm install 添加一个.env文件，其中包含您的DatoCMS站点的只读API令牌（通过上面的演示按钮进行设置）： echo 'DATO_API_TOKEN=abc123' >> .env 然后，以开发模式（实时重载）运行此网站： npm run develop 要构建最终的，可以生产的静态网站： npm run build 最终结果将保存在public目录中。 更多演示选项 该项目还可以作为演示在。 这样

gatsby-storybook-config 使用Gatsby + Storybook启动和运行的帮助程序实用程序 安装 npm i gatsby-storybook-config

自以为是的盖茨比初学者 打字稿·开玩笑·测试库·故事书ESLint + airbnb·stylelint·remark-lint·漂亮提交人·提交人·语义释放支持Netlify的应用程序·GitHub操作·更新·TypoCI·支持PWA·Typography.js 盖茨比非常有思想的首发 这是具有常规提交的的复杂样板。 支持： :rocket: 快速开始 创建一个Gatsby网站。 首先，您需要在计算机上安装Gatsby CLI： $ npm i -g gatsby-cli 使用Gatsby CLI创建一个新站点，并指定一个启动器。 # create a new Gatsby site us

原型 特征 布局 Google Analystic支持 在开发中的使用 图像优化 Docker文件 在开发中运行 npm run dev 部署 陷阱 当您想进行离线测试时，可能在开发模式下不起作用。 改变生产模式。 谷歌分析将被执行？ 在生产模式下。 导入CSS问题。 应用程序使用了样式组件后，我们导入了css问题。 不导入 执照 麻省理工学院

格洛里亚的经验教训 :rocket: 主页 故事书： : :face_with_monocle: 里面有什么？ 盖茨比 React 打字稿 感情 故事书 柏 笑话 @ testing-library / react

盖茨比你好入门 注意：此入门程序使用 。 :high_voltage: 产品特点 带有Emotion的CSS-JS ：- TypeScript： 故事书： React-Helmet： 夏普图像处理库： 站点地图： Robots.txt： Plop文件生成器： :rocket: 先决条件 节点版本管理器 安装来管理其Node版本： curl -o- https://raw.githubusercontent.com/creationix/nvm/v0.33.1/install.sh | bash 在项目中，安装并使用当前版本的Node： # Installs the node version specified in