1. 程式人生 > >2017 年,最熱開源靜態網站生成器 TOP 20 揭曉!

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

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

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

Hugo

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:一般用於電子書的除錯或元資料提取。

live-reloading example

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 經常用到的 SassCoffeeScriptSprocketsErb & Haml 等,都可以在 Middleman 裡使用。

Screenshot

MkDocs 可以同時編譯多個markdown檔案,形成書籍一樣的檔案。有多種主題供你選擇,很適合專案使用。

MkDocs 是快速,簡單和華麗的靜態網站生成器,可以構建專案文件。文件原始檔在 Markdown 編寫,使用單個 YAML 配置檔案配置。

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

Assemble 是一個使用 Node.jsGrunt.jsGulpYeoman 等來實現的靜態網頁生成系統。已被 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 版Top

  項   目    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 原始碼 官網


Ruby 版Top


  項   目    Star   數    協   議     源   碼     官   網  
Jekyll 15240 MIT 原始碼 官網
Octopress 7883 MIT 原始碼

相關推薦

2017 開源靜態網站生成器 TOP 20 揭曉

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

開源靜態網站生成器 TOP 20

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

教你用 100 行 Node.js 程式碼快速構建一個靜態網站生成器

近日,我的一位同事向我尋求建議,她打算為自己構建一個部落格。於是,我對靜態網站生成器和部落格引擎進行了一番研究,發現 Hugo 是一個很不錯的選擇。但是,我的同事還有一些特殊要求,比如,她想要一個自定義的部落格網址和 CSS 主題。儘管這些 Hugo 都可以實現,但我並不打算花時間來學習它。我想自己

VuePress 1.0.0-alpha.30 釋出基於 Vue 的靜態網站生成器

   Features $core: 新增 --open 引數,可以自動開啟瀏覽器 (close: #1100)(#1109) (550317e) $core: 重啟連結滾動到錨點的行為(close: #1107)(#1108) (

搭建部落格、自己的小窩?快來看看這些開源靜態網站生成器

作者:HelloGitHub-ChungZH 相信很多人都想要搭建一個自己的部落格或是給專案做文件網站。本文將要推薦的靜態網站生成器(Static Site Generator, SSG),它做的事情就是把你的文件、內容(通常為 Markdown 檔案)生成可釋出成網站(html)的工具,這樣你就可以專心

2017 GitHub受歡迎的機器學習、影象處理等開源專案

      最近,Mybridge釋出了一篇文章,對比了過去一年中機器學習領域大約8800個開源專案後,選出30個2017年度優秀的開源專案,包含機器學習開源庫、資料庫以及其他應用程式,這些專案差不多都是在2017年1-12月釋出。MybridgeAI通過受歡迎度、參與度以及

2017電商、O2O項目怎樣順利拿到千萬融資?

2017年,電商、O2O項目怎樣順利拿到千萬融資? 互聯網發展至今二十余年,電商領域發展最早也最風起雲湧,競爭廝殺,巨頭橫行。發展模式升級了幾個來回,依然有勇者前仆後繼的進入戰場。反觀O2O行業,誕生至今不到3年,卻也歷經了大起大落,從投資人的朱砂痣轉變為蚊子血,多少創業者的

2017企業移動化的需求變化與創新解決方案

企業移動化 雲適配 馬鐸 企業移動化說了很多年,是一個經久不衰的話題。隨著時間推移,時代變遷,企業在移動化方面的需求也在不斷更新。智能終端設備的普及,推動互聯網真正走進萬物互聯的時代。相比PC時代,移動互聯網時代更加碎片化、場景化、設備化。在未來,企業進行數字化轉型或成發展趨勢。因為數據是提升企業

2017潛力大的IT職業崗位

天津華信智原解析,失業率在IT行業幾乎為零。IT行業發展日趨迅猛,產值成倍增長,IT發展必然帶來人才的需求。那麽2017年最新的十大IT職業崗位有哪些呢? 1. 網絡安全工程師 如今社會已變成互聯網時代,網絡和IT已經日漸深入到日常生活和工作當中,社會信息化和信息網絡化,突破了應

2017我的身邊發生了那些事?

編程 frame ceo 賬號 核心 繼續 列表 href 運行 不知不覺,運營獨具.NET跨平臺特色的微信公眾號:dotNet跨平臺至今已經整整三年光景了,這三年裏微軟開源.NET也滿三周年了。三年時間說長不長,說短也不短了,然而我還是保持著每天三篇的更新 ,或有感而原創

2018成功的創業公司網站是怎麽設計的?

用戶體驗 原型設計 交互設計 產品經理 創業公司往往意味著活力、驚喜,其別開生面的商業運營模式和獨具風格的產品服務,都是其在市場中立足的根本。而創業公司的網站,則是凝聚公司產品、形象、企業文化和核心價值的櫥窗,也是承載公司業務和運營的基礎平臺。對於初創公司來說,往往只有一次給用戶留下印象

我的2017總結。

——前言,與開發無關,只是記錄自己所走過的路。 2017年是我的本歷年,聽老人說 本歷年 不是走大運就是倒大黴。我顯然是後者。 其實寫部落格從15年就開始,只不過總結出現了一些不可抗力的原因,之前寫的一些東西都刪除了。比較可惜我的16年總結。 工作 從開始的 熠耀**文化公司,入

2017我們為什麼要學習C++?

學習C++的一大好處在於,它可以幫助我們理解生命週期(Lifetime)和所有權(Ownership)的概念,以及型別的抽象,還可瞭解到怎樣利用型別保持API的使用方式不變。除此之外,為何各種高階語言層出的今天,學習C++仍頗有價值? “C++已死” 大學時代,我就聽過這樣的說

2018經典的26個JavaScript面試題和答案

根據 Stack Overflow 的 2018 年度調查,JavaScript 連續六年成為最常用的程式語言。所以我們必須面對這樣的現實,JavaScript 已經成為全棧開發技能的基石,在全棧開發面試中都會不可避免地涉及到與 JavaScript 有關的問題。FullStack.Cafe 彙編了

2017資料洩密規模達26億條

資料洩密有一個無奈的現象——實際情況總是比我們設想的更糟糕。最近,荷蘭SIM卡製造商金雅拓(Gemalto)公司公佈了最新一份安全違規水平指數調查報告,結果顯示2017年全球失竊、丟失或洩露資料總量高達26億條,幾乎是上一年度的兩倍。 2017年總共發生1765起資料洩露事件,其中,身份盜

在2045保守的預測認為將會有超過1千億的裝置連線在網際網路上

 物聯網作為繼計算機、網際網路之後世界資訊產業發展的第三次浪潮,大家都時刻關注著國內乃至全球的發展趨勢,也許下一個風口就在你的身邊。   回顧四周,你會發現不知不覺中已經有很多物聯網圍繞在我們身邊,小到各種可穿戴產品、共享單車,大到汽車、工廠和樓宇,物聯網能使一切裝置互聯並

2017程式設計師在人工智慧領域的薪資有多高?

源 | 100offer    文 | 克里斯蒂娜醬如果說 2016 年是網際網路 AI 領域井

IDEA 2018 啟用補丁 啟用到2100 新版不用註冊機

啟用只需4步,直接上乾貨! 1.下載補丁,百度連結如下 密碼:k1ch 2.將下載好的補丁JetbrainsCrack-3.1-release-enc.jar 放到IDE安裝目錄的bin目錄下 3.修改上圖IDEA安裝路徑bin目錄下的,idea.exe.vm

2017全球雲端計算開源大會主題分享:《運維一體之平臺一體化》

3月底有幸參加了全球雲端計算開源大會,並作了一個關於《運維一體之平臺一體化》的分享,現將PPT的內容整理成文。 運維一體化 之 平臺一體化—-從標題看可以看到兩個一體化,分別是運維一體化與平臺一體化。運維一體化是資料中心的運營體系,包括:人員組織一體化、流程一體化、平臺一體化三方面,其中平臺一體化偏

軟體巨頭微軟應該開源哪些產品?

在過去這幾年裡,微軟對軟體開源似乎產生了越來越大的興趣。他們先是向Linux核心貢獻程式碼,還開放了.NET核心、Visual Studio Code編輯器、甚至是Chakra JavaScript引擎(IE瀏覽器和Edge所用)的原始碼,而在和公司內部的開發者進行了漫長的談判之後,微軟最近又對部落