2017 年，最熱開源靜態網站生成器 TOP 20 揭曉！

近年來，作為傳統動態網站基礎架構的替代方案，現代靜態網站生成器日漸盛行。在 StaticGen 上有一個關於靜態站點生成器的開源目錄，2017 年該網站追蹤了超過一百個生成器，並見證了這些生成器在這一年的流行趨勢。本文整理了 StaticGen 目錄中排名前 20 的靜態網站生成器，排名順序依據 Github 上的 Star 數。

1、靜態站點生成器 Jekyll

Jekyll 是一個簡單的免費的Blog生成工具，類似WordPress。但是和WordPress又有很大的不同，原因是jekyll只是一個生成靜態網頁的工具，不需要資料庫支持。但是可以配合第三方服務,例如discuz。最關鍵的是jekyll可以免費部署在Github上，而且可以綁定自己的域名。

2、Go 編寫的靜態網站生成器 Hugo

Hugo 是 Go 編寫的靜態網站生成器，速度快，易用，可配置。Hugo 有一個內容和模板目錄，把他們渲染到完全的 HTML 網站。Hugo 依賴於 Markdown 文件，元數據字體 。用戶可以從任意的目錄中運行 Hugo，支持共享主機和其他系統

3、靜態博客網站生成器 Hexo

Hexo 是一個基於nodejs 的靜態博客網站生成器，作者是來自台灣的 Tommy Chen。

特點：

• 不可思議的快速 ─ 只要一眨眼靜態文件即生成完成
• 支持 Markdown
• 僅需一道指令即可部署到 GitHub Pages 和 Heroku
• 已移植 Octopress 插件
• 高擴展性、自訂性
• 兼容於 Windows, Mac & Linux

4、基於 Git 製作電子書 GitBook

GitBook 是一個基於 Node.js 的命令行工具，可使用 Github/Git 和 Markdown 來製作精美的電子書，GitBook 並非關於 Git 的教程。

使用GitBook生成的電子書

GitBook支持輸出多種文檔格式：

• 靜態站點：GitBook默認輸出該種格式，生成的靜態站點可直接託管搭載Github Pages服務上；
• PDF：需要安裝gitbook-pdf依賴；
• eBook：需要安裝ebook-convert；
• 單HTML網頁：支持將內容輸出為單頁的HTML，不過一般用在將電子書格式轉換為PDF或eBook的中間過程；
• JSON：一般用於電子書的調試或元數據提取。

5、ReactJS 靜態網站生成器 Gatsby

Gatsby 可以使用 React.js 把純文本轉換到動態博客或者網站上。

特點：

• 無需重載頁面轉換
• 熱重載編輯
• 為構建靜態網站創建 React.js 組件模型和生態系統
• 直觀的基於目錄的 URLs
• 支持 "Starters"

6、Vue.js 後端渲染開源庫 Nuxt.js

Nuxt.js 是一個通過 Vue 用於服務端渲染的簡單框架，靈感來自 Next.js。 Nuxt 基於 ES2015，這使得代碼有著更愉快，更整潔的閱讀體驗。它不使用任何轉換器，並取決於 Core V8 實現的功能。

7、靜態頁面生成程序 Pelican

Pelican 是一個法國人用 python 寫的用於生成靜態頁面的程序，支持：

• 博客文章和頁面
• 使用外部服務 Disqus 實現的評論功能
• 支持主題
• 可對文章生成 PDF 文檔
• 支持多語言發布文章
• Atom/RSS feeds
• 代碼著色
• 使用 LESS CSS (optional)
• 可導入 WordPress, Dotclear 或者 RSS feeds
• 集成外部功能 Twitter, Google Analytics, etc. (optional)

8、靜態網站生成器 Metalsmith

一個非常簡單，可插拔的靜態網站生成器。在 Metalsmith 中，所有的邏輯都是由插件來處理的。 你只需將它們鏈接在一起。

9、前端 Web 應用程序構建工具 Brunch

Brunch 是一個輕量級的、優雅和簡單的方法構建 HTML5 應用程序的框架，快速的前端 Web 應用程序構建工具，具有簡單的聲明性配置，用於快速開發的無縫增量編譯。

10、Ruby 編寫的靜態網站生成器 Middleman

Middleman 是一個 Ruby 編寫的靜態網站生成器，他可以讓你使用幾乎所有在Ruby Web開發中所使用的技術和工具來構建各種類型的靜態網站。比如：在 Ruby on Rails 經常用到的 Sass、CoffeeScript、Sprockets、Erb & Haml 等，都可以在 Middleman 里使用。

11、靜態網站生成器 MkDocs

MkDocs 可以同時編譯多個markdown文件，形成書籍一樣的文件。有多種主題供你選擇，很適合項目使用。

MkDocs 是快速，簡單和華麗的靜態網站生成器，可以構建項目文檔。文檔源文件在 Markdown 編寫，使用單個 YAML 配置文件配置。

12、靜態網站生成器 Expose

Expose 是一個幫助圖配文生成的靜態網站生成器。

13、靜態網頁生成系統 Assemble

Assemble 是一個使用 Node.js，Grunt.js，Gulp，Yeoman 等來實現的靜態網頁生成系統。已被 Zurb Foundation, Zurb Ink, H5BP/Effeckt, Less.js / lesscss.org, Topcoat, Web Experience Toolkit 等數百個項目用來生成項目網站、主題、組件、文檔、博客和 github 頁面。

14、靜態站點生成器 Wintersmith

Wintersmith 是一款靜態站點生成器。它包括了內容（markdown，less，script 等），使用插件和輸出靜態網頁（html，css，image 等等）來轉換。它附帶有 markdown 插件和 jade 模版。

15、靜態網頁生成器 Cactus

Cactus 是一個簡單而強大的靜態網頁生成器程序，它使用 Python 和 Django 的模板系統。它的本地開發和在S3 上的部署都非常的簡單。

因為目前的動態網站大部分都可以使用 JavaScript 來完成，這樣實際上網頁完全可以是靜態的，而且靜態網頁速度非常快並且容易管理。所以才有了這個項目。

作者開發 Cactus 的目的是為了給設計師們提供一個標準而簡單的系統，讓他們能夠快速的構建和部署一個速度很快的網站。

16、React 的漸進式靜態網站生成器 React Static

React Static 是一個 React 的漸進式靜態網站生成器。它也是一個服務端渲染 React 應用的簡約框架，旨在構建一個滿足 SEO，網站性能和用戶/開發人員使用體驗的標準，幫助每個人無痛地構建下一代、高性能的網站。

功能特性

• 100% React。
• 快速運行，高性能構建。
• 數據平台不可知論者（Data Agnostic），可從任何地方提供你的網站數據。
• 為 SEO 而生。
• React 優先的開發體驗。
• 無痛的項目設置和遷移。
• 100％ 支持 React 生態系統。 包括 CSS-in-JS 庫，自定義 Query 層（如 GraphQL），甚至 Redux。

17、靜態網站生成器 DocPad

DocPad 可以幫助生成具有布局，元數據，預處理器（markdown，jade，coffeescript 等等），部分，骨架，文件查看器，查詢和完美的插件系統的網站前端。這大大減少了有經驗開發者和初學者開發網站之間的不同，幫助用戶更快速的建立自己的網站。

18、JavaScript 編寫的靜態網站生成器 HubPress

HubPress 是一個由 JavaScript 編寫的靜態網站生成器，使博客維護更加簡單。

主要特性：

• 提供 WYSIWYG 編輯器撰寫博客
• 支持 AsciiDoc 標記功能，將內容按照用戶需求呈現
• 管理控制台可以自定義博客內容的許多方面
• Disqus 整合博客評論
• 利用Google Analytics 集成來跟蹤訪問者活動
• 附帶多種主題，隨時可以使用

19、模塊化網站編譯器 Phenomic

Phenomic 是一個模塊化網站編譯器，讓網站構建更快、更簡單。

20、靜態網站生成器 Lektor

Lektor 是靜態網站生成器，也是平面文件內容管理系統。Lektor 從靜態文件的大量獨立 HTML 頁面構建出一個完整的項目，同時內置管理 UI 和極小的桌面應用。

原 文：開源中國

SDK.CN - 中國領先的開發者服務平台sdk.cn
推薦閱讀：