gatsby starter landing page

蓋茨比著陸頁啟動器

一個簡單，最小，易於使用的著陸頁啟動器，沒有各種鈴鐺和哨子，稍後您將不得不剝離。從一本看起來不錯的單頁的準骨模板中創建一個超快，美麗的著陸頁。

先決條件

如果您還沒有安裝Gatsby CLI，請先進行。

npm install --global gatsby-cli

Gatsby CLI使用節點和NPM，您也需要安裝這些節點和NPM。更多信息可以在gatsbyjs.org上找到。

入門

使用蓋茨比新命令安裝起動器。

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

導航到項目目錄並啟動站點。

 cd landing-page && gatsby develop

該網站將在您的默認瀏覽器中打開，http：// localhost：8000

在/src中編輯代碼，保存更改，它們會立即在瀏覽器中重新加載。

？裡面有什麼？

最小的著陸頁啟動器已經安裝了一些插件，但主要重點是保持簡單和看上去很乾淨。默認情況下包括這些東西：

• ？蓋茨比圖像：添加到src/images文件夾中的圖像會通過gatsby-image插件自動優化，並且可以將其拉入懶惰加載和模糊效果的組件中
• 分析：將您的Google Analytics（分析）跟踪ID添加到gatsby-config.js ，以自動開始跟踪訪問者到該網站
• ？ SITEMAP：通過gatsby-plugin-sitemap自動組裝到站點中的任何新頁面
• ？顏色主題： src/styles/constants.js文件包含一組顏色和默認樣式，這些顏色和默認樣式被嵌入到網站上的組件上，可以用自己的樣式覆蓋

？實驗

如果您想嘗試在在線操場上使用源代碼播放源代碼，則可以使用此按鈕在CodeSandox中打開倉庫。

？部署

如果您只想在網上真正快速查看網站，則可以部署該網站的副本以使用此按鈕進行Netlify。

為了創建網站的優化構建，運行此命令

gatsby build

A /public文件夾將組裝，可以將其部署到NetLify，Subrify，Github頁面，AWS S3，Firebase Hosting或您自己的文件服務器等服務。