2017 年,最熱開源靜態網站生成器 TOP 20 揭曉!
近年來,作為傳統動態網站基礎架構的替代方案,現代靜態網站生成器日漸盛行。在 StaticGen 上有一個關於靜態站點生成器的開源目錄,2017 年該網站追蹤了超過一百個生成器,並見證了這些生成器在這一年的流行趨勢。本文整理了 StaticGen 目錄中排名前 20 的靜態網站生成器,排名順序依據 Github 上的 Star 數。
Jekyll 是一個簡單的免費的Blog生成工具,類似WordPress。但是和WordPress又有很大的不同,原因是jekyll只是一個生成靜態網頁的工具,不需要資料庫支援。但是可以配合第三方服務,例如discuz。最關鍵的是jekyll可以免費部署在Github上,而且可以繫結自己的域名。
Hugo 是 Go 編寫的靜態網站生成器,速度快,易用,可配置。Hugo 有一個內容和模板目錄,把他們渲染到完全的 HTML 網站。Hugo 依賴於 Markdown 檔案,元資料字型 。使用者可以從任意的目錄中執行 Hugo,支援共享主機和其他系統
Hexo 是一個基於nodejs 的靜態部落格網站生成器,作者是來自臺灣的 Tommy Chen。
特點:
-
不可思議的快速 ─ 只要一眨眼靜態檔案即生成完成
-
高擴充套件性、自訂性
-
兼容於 Windows, Mac & Linux
GitBook 是一個基於 Node.js 的命令列工具,可使用 Github/Git 和 Markdown 來製作精美的電子書,GitBook 並非關於 Git 的教程。
使用GitBook生成的電子書
GitBook支援輸出多種文件格式:
-
靜態站點:GitBook預設輸出該種格式,生成的靜態站點可直接託管搭載Github Pages服務上;
-
單HTML網頁:支援將內容輸出為單頁的HTML,不過一般用在將電子書格式轉換為PDF或eBook的中間過程;
-
JSON:一般用於電子書的除錯或元資料提取。
Gatsby 可以使用 React.js 把純文字轉換到動態部落格或者網站上。
特點:
-
無需過載頁面轉換
-
熱過載編輯
-
為構建靜態網站建立 React.js 元件模型和生態系統
-
直觀的基於目錄的 URLs
-
支援 "Starters"
Nuxt.js 是一個通過 Vue 用於服務端渲染的簡單框架,靈感來自 Next.js。 Nuxt 基於 ES2015,這使得程式碼有著更愉快,更整潔的閱讀體驗。它不使用任何轉換器,並取決於 Core V8 實現的功能。
Pelican 是一個法國人用 python 寫的用於生成靜態頁面的程式,支援:
-
部落格文章和頁面
-
使用外部服務 Disqus 實現的評論功能
-
支援主題
-
可對文章生成 PDF 文件
-
支援多語言釋出文章
-
Atom/RSS feeds
-
程式碼著色
-
使用 LESS CSS (optional)
-
可匯入 WordPress, Dotclear 或者 RSS feeds
-
整合外部功能 Twitter, Google Analytics, etc. (optional)
一個非常簡單,可插拔的靜態網站生成器。在 Metalsmith 中,所有的邏輯都是由外掛來處理的。 你只需將它們連結在一起。
Brunch 是一個輕量級的、優雅和簡單的方法構建 HTML5 應用程式的框架,快速的前端 Web 應用程式構建工具,具有簡單的宣告性配置,用於快速開發的無縫增量編譯。
Middleman 是一個 Ruby 編寫的靜態網站生成器,他可以讓你使用幾乎所有在Ruby Web開發中所使用的技術和工具來構建各種型別的靜態網站。比如:在 Ruby on Rails 經常用到的 Sass、CoffeeScript、Sprockets、Erb & Haml 等,都可以在 Middleman 裡使用。
MkDocs 可以同時編譯多個markdown檔案,形成書籍一樣的檔案。有多種主題供你選擇,很適合專案使用。
MkDocs 是快速,簡單和華麗的靜態網站生成器,可以構建專案文件。文件原始檔在 Markdown 編寫,使用單個 YAML 配置檔案配置。
Expose 是一個幫助圖配文生成的靜態網站生成器。
Assemble 是一個使用 Node.js,Grunt.js,Gulp,Yeoman 等來實現的靜態網頁生成系統。已被 Zurb Foundation, Zurb Ink, H5BP/Effeckt, Less.js / lesscss.org, Topcoat, Web Experience Toolkit 等數百個專案用來生成專案網站、主題、元件、文件、部落格和 github 頁面。
Wintersmith 是一款靜態站點生成器。它包括了內容(markdown,less,script 等),使用外掛和輸出靜態網頁(html,css,image 等等)來轉換。它附帶有 markdown 外掛和 jade 模版。
Cactus 是一個簡單而強大的靜態網頁生成器程式,它使用 Python 和 Django 的模板系統。它的本地開發和在S3 上的部署都非常的簡單。
因為目前的動態網站大部分都可以使用 JavaScript 來完成,這樣實際上網頁完全可以是靜態的,而且靜態網頁速度非常快並且容易管理。所以才有了這個專案。
作者開發 Cactus 的目的是為了給設計師們提供一個標準而簡單的系統,讓他們能夠快速的構建和部署一個速度很快的網站。
React Static 是一個 React 的漸進式靜態網站生成器。它也是一個服務端渲染 React 應用的簡約框架,旨在構建一個滿足 SEO,網站效能和使用者/開發人員使用體驗的標準,幫助每個人無痛地構建下一代、高效能的網站。
功能特性
-
100% React。
-
快速執行,高效能構建。
-
資料平臺不可知論者(Data Agnostic),可從任何地方提供你的網站資料。
-
為 SEO 而生。
-
React 優先的開發體驗。
-
無痛的專案設定和遷移。
-
100% 支援 React 生態系統。 包括 CSS-in-JS 庫,自定義 Query 層(如 GraphQL),甚至 Redux。
DocPad 可以幫助生成具有佈局,元資料,前處理器(markdown,jade,coffeescript 等等),部分,骨架,檔案檢視器,查詢和完美的外掛系統的網站前端。這大大減少了有經驗開發者和初學者開發網站之間的不同,幫助使用者更快速的建立自己的網站。
HubPress 是一個由 JavaScript 編寫的靜態網站生成器,使部落格維護更加簡單。
主要特性:
- 提供 WYSIWYG 編輯器撰寫部落格
-
支援 AsciiDoc 標記功能,將內容按照使用者需求呈現
-
管理控制檯可以自定義部落格內容的許多方面
-
Disqus 整合部落格評論
-
利用Google Analytics 整合來跟蹤訪問者活動
-
附帶多種主題,隨時可以使用
Phenomic 是一個模組化網站編譯器,讓網站構建更快、更簡單。
Lektor 是靜態網站生成器,也是平面檔案內容管理系統。Lektor 從靜態檔案的大量獨立 HTML 頁面構建出一個完整的專案,同時內建管理 UI 和極小的桌面應用。
最全的靜態網站生成器(開源專案)
原文地址: http://www.iteye.com/magazines/133-Static-Site-Generators#595 將動態網頁靜態化,可以有效減輕伺服器端的壓力,並且靜態網頁的訪問速度要快於動態網頁。此外,使用靜態網頁還有利於搜尋引擎的收錄,從而提高網站的搜尋排名。
下面是StaticSiteGenerators網站收集整理的開源的靜態網站生成器,按照程式語言進行分類,每個分類按照Star數進行排序。
(關注ITeye官微,隨時隨地檢視最新開發資訊、技術文章。)
JavaScript 版
項 目 | Star 數 | 協 議 | 源 碼 | 官 網 |
metalsmith | 2049 | MIT | 原始碼 | 官網 |
Hexo | 2043 | MIT | 原始碼 | 官網 |
Harp | 1945 | MIT | 原始碼 | 官網 |
assemble | 1437 | MIT | 原始碼 | 官網 |
Wheat | 1186 | MIT | 原始碼 | |
Punch | 988 | MIT | 原始碼 | 官網 |
Roots | 892 | MIT | 原始碼 | 官網 |
Blacksmith | 514 | MIT | 原始碼 | |
poet | 338 | MIT | 原始碼 | 官網 |
Cabin | 265 | MIT | 原始碼 | 官網 |
Petrify | 265 | MIT | 原始碼 | |
romulus | 160 | MIT | 原始碼 | |
Nico | 152 | BSD | 原始碼 | 官網 |
Markx | 131 | MIT | 原始碼 | 官網 |
Calepin | 129 | ISC | 原始碼 | 官網 |
haroopress | 116 | MIT | 原始碼 | 官網 |
happyplan | 83 | MIT | 原始碼 | 官網 |
Jott | 81 | Public | 原始碼 | |
Kerouac | 79 | MIT | 原始碼 | |
node-blog | 75 | 原始碼 | 官網 | |
pop | 65 | MIT | 原始碼 | 官網 |
Codex | 50 | MIT | 原始碼 | |
Woods | 45 | MIT | 原始碼 | |
Gumdrop | 44 | MIT | 原始碼 | 官網 |
Quill | 43 | Beer-ware | 原始碼 | 官網 |
Pagen | 39 | MIT | 原始碼 | |
Go-Static! | 15 | MIT | 原始碼 | |
SPG | 12 | Apache | 原始碼 | |
Statix | 11 | MIT | 原始碼 | |
Nog | 10 | 原始碼 | ||
Bread | 8 | MIT | 原始碼 | 官網 |
Blode | 7 | 原始碼 | ||
Gabby | 7 | 原始碼 | 官網 | |
handcrank | 6 | BSD | 原始碼 | 官網 |
Wanna | 6 | 原始碼 | ||
yassg | 3 | BSD | 原始碼 | 官網 |
nodeache | 1 | MIT | 原始碼 | 官網 |
Bramble MVC | MIT | 原始碼 | ||
Equiprose | MIT | 原始碼 | 官網 |