OrisonJS 是一個基於 lit-html 建構的靜態網站產生器。它提供了一個方便開發的伺服器、一個預覽建置網站的預覽伺服器,以及一個從您的原始碼建構靜態網站的建置指令。您可以仔細配置建置指令,僅重新建置您想要的網站部分。這使得它對於具有大量頁面或因內容更新而需要大量重新建置的網站具有無限的可擴展性。版面配置會根據頁面在網站階層中的位置以情境方式套用,而局部元件則允許重複使用常見元素。
頁面檔案、版面配置和局部元件都是匯出非同步函式的 JavaScript 檔案。此函式會提供關於它在網站階層中的位置、路徑,以及使用 parent
方法向上爬梳網站階層或使用 child
方法向下爬梳網站階層的存取器方法的情境資料。這實現了豐富的情境功能。這些 JavaScript 檔案也可以呼叫第三方服務以提取動態內容,並且可以連結到 Webhook,以便在內容變更時重新建置網站。頁面也可以宣告為清單,因此單一頁面檔案會在您的網站上產生頁面清單,例如,這對於透過連結到 CMS 來產生部落格文章或產品頁面清單很有用。
所有頁面也會產生片段。這些是 HTML 檔案,其內容與完整頁面相同,但不套用版面配置。這使得實作單頁應用程式樣式的重新導向變得容易,而範本專案就是這樣做的。
可以初始化專案以用於 Netlify、Firebase 或 GitHub Pages,並且可以輕鬆配置以用於任何託管服務。
尋找更多靜態網站產生器。