GatsbyJS學習筆記(一):初次使用

Yanwei Liu
1 min readAug 19, 2019

--

重點整理:###更改網頁內容請進入/src進行修改
###gatsby build會在/public產生靜態檔案

安裝Gatsby CLI.

npm install -g gatsby-cli

建立新網站

gatsby new gatsby-site

進入新網站的資料夾中

cd gatsby-site

啟動開發Server.

gatsby develop

localhost:8000啟動Hot-reloading環境

修改src/pages中的JavaScript頁面。存檔後會在localhost:8000即時更新修改內容。

編譯出網頁

gatsby build

產生靜態HTML檔案及JS檔案(/public)

在本地啟動Server

gatsby serve

啟動本地端HTML Server來測試網頁
記得先使用 gatsby build 再使用gatsby serve指令。

--

--

No responses yet