基於gatsby.js的靜態站點的基本入門套件。
開始發展。
導航到新站點的目錄並開始。
cd my-site/
gatsby develop
打開源代碼並開始編輯!
您的網站現在正在http://localhost:8000
!
注意:您還將看到第二個鏈接: http://localhost:8000/___graphql
。這是您可以用來嘗試查詢數據的工具。了解有關在Gatsby教程中使用此工具的更多信息。
在您選擇的代碼編輯器中打開my-site
目錄,並編輯src/pages/index.js
。保存更改,瀏覽器將實時更新!
快速查看您將在蓋茨比項目中看到的頂級文件和目錄。
.
├── 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
└── yarn.lock
/node_modules
:此目錄包含項目依賴於(NPM軟件包)的所有代碼模塊。
/src
:此目錄將包含與您在網站前端(瀏覽器中看到的)(例如網站標頭或頁面模板)中看到的所有代碼。 src
是“源代碼”的約定。
.gitignore
:此文件告訴GIT它不應跟踪 /不維護版本歷史記錄。
.prettierrc
:這是一個漂亮的配置文件。 Prettier是一種工具,可以幫助保持代碼的格式一致。
gatsby-browser.js
:此文件是蓋茨比(Gatsby)期望找到蓋茨比瀏覽器API(如果有)的任何用法的地方。這些允許自定義/擴展默認蓋茨比設置影響瀏覽器。
gatsby-config.js
:這是蓋茨比站點的主要配置文件。在這裡,您可以在其中指定有關您的網站(元數據)的信息,例如網站標題和描述,您要包含的gatsby插件等(請查看配置文檔以獲取更多詳細信息)。
gatsby-node.js
:此文件是蓋茨比(Gatsby)期望找到蓋茨比節點API(如果有)的任何用法的地方。這些允許自定義/擴展默認的蓋茨比設置影響站點構建過程的部分。
gatsby-ssr.js
:此文件是Gatsby希望找到蓋茨比服務器端渲染API(如果有)的任何用法的地方。這些允許自定義影響服務器端渲染的默認蓋茨比設置。
LICENSE
:Gatsby獲得了MIT許可證的許可。
package-lock.json
(請參見下面的package.json
,首先)。這是一個基於為項目安裝的NPM依賴項的確切版本自動生成的文件。 (您不會直接更改此文件)。
package.json
:node.js項目的清單文件,其中包括元數據(項目的名稱,作者等)之類的內容。此清單是NPM知道要為您的項目安裝哪些軟件包的方式。
README.md
:包含有關您項目的有用參考信息的文本文件。
yarn.lock
:Yarn是NPM的軟件包管理器替代品。您可以使用紗線或NPM,儘管所有蓋茨比文檔參考NPM。該文件的目的基本上與package-lock.json
相同,僅用於不同的軟件包管理系統。
對於部署,您可以使用Gitlab CI。在項目中是兩個文件 - 示例.gitlab-ci.yml
,用於s3部署.gitlab-ci-s3.yml
。