静态网站生成器

静态网站相比动态网站具备无需依赖应用服务器，性能优越，部署简单等特点。特别适合生成静态文档，个人博客，饱受开发者的青睐。相比学会使用，掌握工作原理也尤为重要。

一个静态网站生成器的工作流程通常有以下几个步骤：

1. 读取源文件（e.g. 约定 markdown 格式）
2. 资源预处理
3. 模板引擎渲染
4. 生成目标文件

Next.js

Next.js 是一个基于React 用于服务端渲染的简单框架

GatsbyJS

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

特点：

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

Nuxt.js

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

Vuepress

VuePress 由两部分组成：一个以 Vue 驱动的主题系统的简约静态网站生成工具，和一个为编写技术文档而优化的默认主题。它是为了支持 Vue 子项目的文档需求而创建的。

由 VuePress 生成的每个页面，都具有相应的预渲染静态 HTML，它们能提供出色的加载性能，并且对 SEO 友好。然而，页面加载之后，Vue 就会将这些静态内容，接管为完整的单页面应用程序(SPA)。当用户在浏览站点时，可以按需加载其他页面。

Jekyll

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

Hugo

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

特点：

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