最热开源静态网站生成器 TOP 20

太过爱你忘了你带给我的痛 2023-05-22 06:33 8阅读 0赞

# 最热开源静态网站生成器 TOP 20 #

### [1、静态站点生成器 Jekyll][1_Jekyll] ###

![format_png][]

Jekyll 是一个简单的免费的Blog生成工具，类似WordPress。但是和WordPress又有很大的不同，原因是jekyll只是一个生成静态网页的工具，不需要数据库支持。但是可以配合第三方服务,例如discuz。最关键的是jekyll可以免费部署在Github上，而且可以绑定自己的域名。

###  ###

### [2、Go 编写的静态网站生成器 Hugo][2_Go _Hugo] ###

![Hugo][]

Hugo 是 Go 编写的静态网站生成器，速度快，易用，可配置。Hugo 有一个内容和模板目录，把他们渲染到完全的 HTML 网站。Hugo 依赖于 Markdown 文件，元数据字体 。用户可以从任意的目录中运行 Hugo，支持共享主机和其他系统

###  ###

### [3、静态博客网站生成器 Hexo][3_Hexo] ###

![format_png 1][]

Hexo 是一个基于[nodejs][] 的静态博客网站生成器，作者是来自台湾的 [Tommy Chen][]。

特点：

*  不可思议的快速 ─ 只要一眨眼静态文件即生成完成
 *  支持 [Markdown][]
 *  仅需一道指令即可部署到 [GitHub Pages][] 和 [Heroku][]
 *  已移植 [Octopress][] 插件
 *  高扩展性、自订性
 *  兼容于 Windows, Mac & Linux

###  ###

### [4、基于 Git 制作电子书 GitBook][4_ Git _GitBook] ###

GitBook 是一个基于 Node.js 的命令行工具，可使用 Github/Git 和 Markdown 来制作精美的电子书，GitBook 并非关于 Git 的教程。

[![format_png 2][]][format_png 2 1]

使用GitBook生成的电子书

GitBook支持输出多种文档格式：

*  静态站点：GitBook默认输出该种格式，生成的静态站点可直接托管搭载[Github Pages][]服务上；
 *  PDF：需要安装[gitbook-pdf][]依赖；
 *  eBook：需要安装[ebook-convert][]；
 *  单HTML网页：支持将内容输出为单页的HTML，不过一般用在将电子书格式转换为PDF或eBook的中间过程；
 *  JSON：一般用于电子书的调试或元数据提取。

###  ###

### [5、ReactJS 静态网站生成器 Gatsby ][5_ReactJS _Gatsby] ###

![live-reloading example][]

Gatsby 可以使用 [React.js][] 把纯文本转换到动态博客或者网站上。

特点：

*  无需重载页面转换
 *  热重载编辑
 *  为构建静态网站创建 React.js 组件模型和生态系统 
 *  直观的基于目录的 URLs
 *  支持 "Starters"

###  ###

### [6、Vue.js 后端渲染开源库 Nuxt.js][6_Vue.js _Nuxt.js] ###

![format_png 3][]

Nuxt.js 是一个通过 [Vue][] 用于服务端渲染的简单框架，灵感来自 [Next.js][]。 Nuxt 基于 ES2015，这使得代码有着更愉快，更整洁的阅读体验。它不使用任何转换器，并取决于 Core V8 实现的功能。

###  ###

### [7、静态页面生成程序 Pelican][7_Pelican] ###

Pelican 是一个法国人用 python 写的用于生成静态页面的程序，支持：

*  博客文章和页面
 *  使用外部服务 Disqus 实现的评论功能
 *  支持主题
 *  可对文章生成 PDF 文档
 *  支持多语言发布文章
 *  Atom/RSS feeds
 *  代码着色
 *  使用 [LESS CSS][] (optional)
 *  可导入 WordPress, Dotclear 或者 RSS feeds
 *  集成外部功能 Twitter, Google Analytics, etc. (optional)

###  ###

### [8、静态网站生成器 Metalsmith][8_Metalsmith] ###

![format_png 4][]

一个非常简单，可插拔的静态网站生成器。在 Metalsmith 中，所有的逻辑都是由插件来处理的。 你只需将它们链接在一起。

###  ###

### [9、前端 Web 应用程序构建工具 Brunch][9_ Web _Brunch] ###

![format_png 5][]

Brunch 是一个轻量级的、优雅和简单的方法构建 HTML5 应用程序的框架，快速的前端 Web 应用程序构建工具，具有简单的声明性配置，用于快速开发的无缝增量编译。

###  ###

### [10、Ruby 编写的静态网站生成器 Middleman][10_Ruby _Middleman] ###

![format_png 6][]

Middleman 是一个 Ruby 编写的静态网站生成器，他可以让你使用几乎所有在Ruby Web开发中所使用的技术和工具来构建各种类型的静态网站。比如：在 [Ruby on Rails][] 经常用到的 [Sass][]、[CoffeeScript][]、[Sprockets][]、[Erb][] & [Haml][] 等，都可以在 Middleman 里使用。

###  ###

### [11、静态网站生成器 MkDocs][11_MkDocs] ###

![Screenshot][]

MkDocs 可以同时编译多个markdown文件，形成书籍一样的文件。有多种主题供你选择，很适合项目使用。

MkDocs 是快速，简单和华丽的静态网站生成器，可以构建项目文档。文档源文件在 Markdown 编写，使用单个 YAML 配置文件配置。

###  ###

### [12、静态网站生成器 Expose][12_Expose] ###

![format_png 7][]

Expose 是一个帮助图配文生成的静态网站生成器。

###  ###

### [13、静态网页生成系统 Assemble][13_Assemble] ###

![format_png 8][]

Assemble 是一个使用 [Node.js][nodejs]，[Grunt.js][]，[Gulp][]，[Yeoman][] 等来实现的静态网页生成系统。已被 Zurb Foundation, Zurb Ink, H5BP/Effeckt, Less.js / lesscss.org, Topcoat, Web Experience Toolkit 等数百个项目用来生成项目网站、主题、组件、文档、博客和 github 页面。

###  ###

### [14、静态站点生成器 Wintersmith][14_Wintersmith] ###

![format_png 9][]

Wintersmith 是一款静态站点生成器。它包括了内容（markdown，less，script 等），使用插件和输出静态网页（html，css，image 等等）来转换。它附带有 [markdown][] 插件和 [jade][] 模版。

###  ###

### [15、静态网页生成器 Cactus][15_Cactus] ###

Cactus 是一个简单而强大的静态网页生成器程序，它使用 Python 和 Django 的模板系统。它的本地开发和在S3 上的部署都非常的简单。

因为目前的动态网站大部分都可以使用 JavaScript 来完成，这样实际上网页完全可以是静态的，而且静态网页速度非常快并且容易管理。所以才有了这个项目。

作者开发 Cactus 的目的是为了给设计师们提供一个标准而简单的系统，让他们能够快速的构建和部署一个速度很快的网站。

###  ###

### [16、React 的渐进式静态网站生成器 React Static][16_React _React Static] ###

![format_png 10][]

React Static 是一个 React 的渐进式静态网站生成器。它也是一个服务端渲染 React 应用的简约框架，旨在构建一个满足 SEO，网站性能和用户/开发人员使用体验的标准，帮助每个人无痛地构建下一代、高性能的网站。

功能特性

*  100% React。
 *  快速运行，高性能构建。
 *  数据平台不可知论者（Data Agnostic），可从任何地方提供你的网站数据。
 *  为 SEO 而生。
 *  React 优先的开发体验。
 *  无痛的项目设置和迁移。
 *  100％ 支持 React 生态系统。 包括 CSS-in-JS 库，自定义 Query 层（如 GraphQL），甚至 Redux。

###  ###

### [17、静态网站生成器 DocPad ][17_DocPad] ###

![aHR0cDovL3N0YXRpYy5vc2NoaW5hLm5ldC91cGxvYWRzL3NwYWNlLzIwMTQvMDEyMC8xODE3NDZfRFBMbF84NjUyMzMuZ2lm][]

DocPad  可以帮助生成具有布局，元数据，预处理器（markdown，jade，coffeescript 等等），部分，骨架，文件查看器，查询和完美的插件系统的网站前端。这大大减少了有经验开发者和初学者开发网站之间的不同，帮助用户更快速的建立自己的网站。

###  ###

### [18、JavaScript 编写的静态网站生成器 HubPress][18_JavaScript _HubPress] ###

![format_png 11][]

HubPress 是一个由  JavaScript 编写的静态网站生成器，使博客维护更加简单。

主要特性：

*  提供 WYSIWYG 编辑器撰写博客
 *  支持 AsciiDoc 标记功能，将内容按照用户需求呈现
 *  管理控制台可以自定义博客内容的许多方面
 *  Disqus 整合博客评论
 *  利用Google Analytics 集成来跟踪访问者活动
 *  附带多种主题，随时可以使用

###  ###

### [19、模块化网站编译器 Phenomic][19_Phenomic] ###

![format_png 12][]

Phenomic 是一个模块化网站编译器，让网站构建更快、更简单。

###  ###

### [20、静态网站生成器 Lektor][20_Lektor] ###

![format_png 13][]

Lektor 是静态网站生成器，也是平面文件内容管理系统。Lektor 从静态文件的大量独立 HTML 页面构建出一个完整的项目，同时内置管理 UI 和极小的桌面应用。

[1_Jekyll]: https://www.oschina.net/p/kyll
[format_png]: /images/20230521/d1f1c30e502c40699be505f61600d444.png
[2_Go _Hugo]: https://www.oschina.net/p/gohugo
[Hugo]: /images/20230521/c4cb9e97c35049a388a82a9399302894.png
[3_Hexo]: https://www.oschina.net/p/hexo
[format_png 1]: /images/20230521/2a574432866f4b22ba4eabf00efbd0ea.png
[nodejs]: http://www.oschina.net/p/nodejs
[Tommy Chen]: http://gmail.com/
[Markdown]: http://daringfireball.net/projects/markdown/
[GitHub Pages]: http://pages.github.com/
[Heroku]: http://heroku.com/
[Octopress]: http://octopress.org/
[4_ Git _GitBook]: https://www.oschina.net/p/gitbook
[format_png 2]: /images/20230521/8cc60c108aec45889f71116c4ce7d2f6.png
[format_png 2 1]: http://cms.csdnimg.cn/article/201404/09/5344e0fa9968a.jpg
[Github Pages]: https://pages.github.com/
[gitbook-pdf]: https://github.com/GitbookIO/gitbook-pdf
[ebook-convert]: http://manual.calibre-ebook.com/cli/ebook-convert.html
[5_ReactJS _Gatsby]: https://www.oschina.net/p/gatsby
[live-reloading example]: /images/20230521/9a9bcb7819564bc196b592a4e33facf9.png
[React.js]: http://www.oschina.net/p/facebook-react
[6_Vue.js _Nuxt.js]: https://www.oschina.net/p/nuxt-js
[format_png 3]: /images/20230521/242b9dffee354c6b9d0e09c8feb38a18.png
[Vue]: https://www.oschina.net/p/vue-js
[Next.js]: https://github.com/zeit/next.js
[7_Pelican]: https://www.oschina.net/p/pelican
[LESS CSS]: http://www.oschina.net/p/lesscss
[8_Metalsmith]: https://www.oschina.net/p/metalsmith
[format_png 4]: /images/20230521/7009a470e2ab4bc793714f6980d2b348.png
[9_ Web _Brunch]: https://www.oschina.net/p/brunch
[format_png 5]: /images/20230521/9fb2ac8d364f4322a04c3f45cc083fec.png
[10_Ruby _Middleman]: https://www.oschina.net/p/middleman
[format_png 6]: /images/20230521/898409331df34aefaa8083d0f8776b7f.png
[Ruby on Rails]: http://www.oschina.net/p/ruby+on+rails
[Sass]: http://sass-lang.com/
[CoffeeScript]: http://coffeescript.org/
[Sprockets]: https://github.com/sstephenson/sprockets
[Erb]: http://ruby-doc.org/stdlib-2.0.0/libdoc/erb/rdoc/ERB.html
[Haml]: http://haml.info/
[11_MkDocs]: https://www.oschina.net/p/mkdocs
[Screenshot]: /images/20230521/6cdb45f101054e59b129b5e938f8fbb0.png
[12_Expose]: https://www.oschina.net/p/expose
[format_png 7]: /images/20230521/4d7e98ddd2fd4016892e8d90c289145d.png
[13_Assemble]: https://www.oschina.net/p/assemble
[format_png 8]: /images/20230521/407c2fc1da5941aab573c8f2608d3125.png
[Grunt.js]: http://www.oschina.net/p/grunt
[Gulp]: http://www.oschina.net/p/gulp
[Yeoman]: http://www.oschina.net/p/yeoman
[14_Wintersmith]: https://www.oschina.net/p/wintersmith
[format_png 9]: /images/20230521/e8782b0691924c8ca8c61a8089139727.png
[markdown]: http://www.oschina.net/p/markdown
[jade]: http://www.oschina.net/p/jade
[15_Cactus]: https://www.oschina.net/p/python-cactus
[16_React _React Static]: https://www.oschina.net/p/react-static
[format_png 10]: /images/20230521/ac4f579659ef49899118a1f2582c3de9.png
[17_DocPad]: https://www.oschina.net/p/docpad
[aHR0cDovL3N0YXRpYy5vc2NoaW5hLm5ldC91cGxvYWRzL3NwYWNlLzIwMTQvMDEyMC8xODE3NDZfRFBMbF84NjUyMzMuZ2lm]: /images/20230521/ae0ed91b2d7349bdb4ab31816575c65c.png
[18_JavaScript _HubPress]: https://www.oschina.net/p/hubpress
[format_png 11]: /images/20230521/581bccea5de9415f91b18e5259740486.png
[19_Phenomic]: http://www.oschina.net/p/phenomic
[format_png 12]: /images/20230521/eeb938033fe340c299bb9317ab8fb7be.png
[20_Lektor]: https://www.oschina.net/p/lektor
[format_png 13]: /images/20230521/439a38907f6e4b729dfd375ffd9cd3e8.png