wodle
1.0.0
Wodle是一個靜態網站產生器，使用新的框架和工具進行現代 Web 開發。它是建構在 Next.js 和 Tachyons 之上。並且您可以輕鬆地將生成的靜態網站轉變為完全動態的網站。
因為 NextJS 和函數式 CSS 讓部落格或靜態頁面的入門變得非常容易，所以對於想要學習這些技術的部落客和開發人員來說，這是一個很好的起點。
您可以透過 npm 安裝Wodle ：
npm install -g wodle
一旦安裝了 Wodle，您就可以使用wodle命令。要建立新站點，您可以運行：
wodle myBlog
這將在您執行命令的相同目錄中產生一個名為myBlog的新站點
要開始使用您的新站點，您只需 cd 進入它，然後安裝依賴項：
cd myBlog
yarn
這將獲取所有依賴項，一旦準備好，您就可以啟動伺服器運行：
yarn dev
然後轉到localhost:3000/ ，您應該會看到如下所示的網站：
該伺服器將偵聽您的應用程式上的變更並重新載入瀏覽器。
如果您想在不熱重載的情況下運行您的網站，您可以運行：
yarn start
要建立您的網站，您可以運行：
yarn build
這將產生一個out/資料夾，其中包含準備發布的靜態網站。
您的網站將有不同的資料夾：
該資料夾包含您的頁面文件，並且它們的名稱與它們的路由相匹配，因此如果您想在/new-page上新增頁面，您將需要在此資料夾上新增一個名為new-page.js的新元件。如需進階路由檢查，請點擊此處。
腳手架附帶了一些在components夾上預先建立的頁面元件。
在此資料夾中，您將找到網站上所有預先建置的元件，該腳手架應用程式的核心元件是：
一個側邊欄元件，用於取得項目並使用其 NavItems 呈現導航，該元件的內容位於content/sideBarOptions.js
此元件僅包含您想要在主要部分（網站中心）上顯示的任何內容。
這個元件呈現主文章，正如您在索引和每篇特定文章中看到的那樣。該元件可以處理的內容示範位於content/mainArticle上。
這個元件呈現一個文章列表，您將在側邊欄選單的每個單獨頁面上看到，您可以在<something>Articles.js檔案上的content/上看到列表
除其他外
你的 styles 資料夾用於存放所有 css（由於功能性 CSS 和 Tachyons，現在幾乎是空的）
您可以繼續刪除頁面（從pages資料夾中刪除檔案），並按照腳手架上的模式添加更多頁面、文章、選項，或只是根據需要更改所有內容！您可以在 Next.js 網站和 Tachyons 上閱讀精彩指南，打造精彩的網站或部落格！
基於以前的藝術 chibicode.com 和 jspg
