這個 React 靜態網站產生器將編輯和程式碼關注點分離
Cuttlebelle 是一個靜態網站產生器，使用 React 作為版面配置，讓您每個頁面局部使用一個版面配置，並將內容與程式碼清楚分離。
您可以使用 React 元件來擴展 Cuttlebelle，這些元件可以利用 npm 生態系統的強大功能。
您頁面的每個區段都會變成一個具有前言的 markdown 檔案。內容可以用 YAML 或 [markdown](https://github.com/chjj/marked) 撰寫。每個局部都會指定一個版面配置。
版面配置以 JSX 作為 React 元件撰寫。您前言中的每個變數都會成為版面配置的 prop。
每個頁面都會分成有各自版面配置的元件。把它想成組成您網站的 樂高™積木。
有了這個，您就可以通過從較小的局部組裝它們來構建全新的頁面版面配置，而無需接觸程式碼。
讓您的內容不包含任何程式碼，可以讓更多使用者變更您網站的內容。而且，因為我們將所有內容分割成局部，內容作者可以完全自行構建全新的版面配置，而無需接觸更複雜的程式碼。
分離也意味著更容易搜尋您的內容，並且您可以輕鬆重複使用版面配置以及內容區塊。
Cuttlebelle 使用 JSX 作為樣板語言。這使得從構建簡單的版面配置到從線上 API 提取資料的超複雜版面配置都非常方便。
現在您可以使用 Jest 或任何其他 React 測試工具開始測試您的版面配置。
使用 Cuttlebelle，您不會被鎖定在任何 CMS 中，並且可以在網站擴展時轉移到其他解決方案。
您所有的內容都位於容易理解的 markdown 檔案中，並且可以匯出到 JavaScript 物件。
尋找更多靜態網站產生器。