# 静态网站生成工具

前端相关
Python
Ruby
- Jekyll(推荐)
- Middleman
其他推荐

# 前端相关

# Hexo(推荐)

静态博客网站生成器 Hexo

网站：https://hexo.io/zh-cn/ (opens new window)

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

特点：

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

# Vue(推荐)

# Vuepress

Vuepress：Vue 驱动的静态网站生成器

网站：https:/ (opens new window)/www.vuepress.cn/

特点：

简洁至上：以 Markdown 为中心的项目结构，以最少的配置帮助你专注于写作。
Vue 驱动：享受 Vue + webpack 的开发体验，可以在 Markdown 中使用 Vue 组件，又可以使用 Vue 来开发自定义主题。
高性能：VuePress 会为每个页面预渲染生成静态的 HTML，同时，每个页面被加载的时候，将作为 SPA 运行。

PS：它还有个兄弟叫Vitepress，那叫一个快：https://vitepress.vuejs.org/ (opens new window)

# Nuxt.js

Vue.js 后端渲染开源库 Nuxt.js

网站：https://zh.nuxtjs.org/ (opens new window)

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

# React

# Gatsby(推荐)

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

网站：https://github.com/gatsbyjs/gatsby (opens new window)

特点：

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

# Next.js

Next.js 在 StaticGen 上总排名第一位，足以说明它有多好用了。

配置简单，服务端渲染，代码分离，SEO Friendly，内置零配置 TypeScript 支持等等优点。

网站：https://github.com/vercel/next.js/ (opens new window)

# React Static

React 的渐进式静态网站生成器 React Static

网站：https://github.com/react-static/react-static (opens new window)

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

功能特性

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

# 其他

# DocPad

静态网站生成器 DocPad

网站：https://github.com/docpad/docpad (opens new window)

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

# Brunch

前端 Web 应用程序构建工具 Brunch

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

# Metalsmith

静态网站生成器 Metalsmith

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

# Python

# MkDocs(推荐)

静态网站生成器 MkDocs

网站：https://github.com/mkdocs/mkdocs (opens new window)

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

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

# Pelican

网站：https://github.com/getpelican/pelican (opens new window)

静态页面生成程序 Pelican

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

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

# Lektor

静态网站生成器 Lektor

网站：https://github.com/lektor/lektor (opens new window)

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

# Ruby

# Jekyll(推荐)

静态站点生成器 Jekyll

网站：https://github.com/jekyll/jekyll (opens new window)

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

# Middleman

Ruby 编写的静态网站生成器 Middleman

网站：https://github.com/middleman/middleman (opens new window)

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