gatsby starter landing page

盖茨比登陆页面启动器

一个简单、最小、易于使用的登陆页面启动器，没有各种花里胡哨的附加功能，您稍后只需将其删除即可。从准系统模板创建一个超级快速、漂亮的登陆页面，其中一个页面已经看起来不错。

先决条件

如果您尚未安装 Gatsby CLI，请先安装。

npm install --global gatsby-cli

Gatsby CLI 使用 Node 和 npm，您还需要安装它们。更多信息可以在 GatsbyJS.org 上找到。

入门

使用 Gatsby new 命令安装启动器。

gatsby new landing-page https://github.com/gillkyle/gatsby-starter-landing-page.git

导航到项目目录并启动该站点。

 cd landing-page && gatsby develop

该站点将在您的默认浏览器中打开 http://localhost:8000

在/src中编辑代码，保存更改，它们将立即在浏览器中重新加载。

？里面是什么？

最小的登陆页面启动器已经安装了一些插件，但它的主要重点是保持简单和看起来干净。默认情况下包含这些内容：

• ？ Gatsby Image：添加到src/images文件夹的图像由gatsby-image插件自动优化，并且可以通过延迟加载和模糊效果拉入组件中
• Analytics：将您的 Google Analytics 跟踪 ID 添加到gatsby-config.js以自动开始跟踪该网站的访问者
• ？站点地图：添加到站点的任何新页面都会通过gatsby-plugin-sitemap自动组装成站点地图
• ？颜色主题： src/styles/constants.js文件包含一组颜色和默认样式，这些颜色和默认样式内联应用于网站上的组件，可以用您自己的样式覆盖

？实验

如果您想尝试在在线游乐场中使用源代码，您可以使用此按钮在 Codesandox 中打开存储库。

？部署

如果您只想快速查看在线站点，您可以使用此按钮将该站点的副本部署到 Netlify。

要创建站点的优化版本，请运行此命令

gatsby build

将组装一个/public文件夹，可以将其部署到 Netlify、Surge、GitHub Pages、AWS S3、Firebase 托管或您自己的文件服务器等服务。