最近特别流行使用静态网站搭建博客，静态网站非常适合专注于内容的网站，例如，博客。那你可能会问，为什么不用大名顶顶的wordpress（动态网站）呢。

静态网站和动态网站相比有如下好处：

• 省钱。静态网站占用的系统资源少。假如挂到github pages上，只需注册一个域名即可以了。
• 速度快。不经过php解析器，不用数据库，速度自然比动态网站快
• 安全。因为静态网站的简洁，免疫很多web攻击方式。
• 服务器端配置简单。只要要一个web server（apache、nginx）。
• 非常容易维护。

静态网站的缺点是功能弱，和客户的交互能力不强。

静态网站生成工具能从简单的纯文本文件生成一个网站/博客。常用文本格式有reStructuredText和Markdown，我习惯使用Markdown。假如你想搭建自己的静态网站，你可以选用下面列出的11个工具。

Jekyll

Jekyll做为GitHub Pages的构建工具（Ruby语言），使它成为最流行的静态网站生成工具。Jekyll的流行也由于它非常简单，只要要基础的web开发基础。你可以使用它轻易的把文本转换为自己设置的网站/博客。

假如你有wordpress或者其余博客站点，你可以导入到Jekyll中。Jekyll支持插件、标签等等。

Github Pages：https://pages.github.com 开始使用Jekyll：http://jekyllrb.com/docs/quickstart/

Octopress

Octopress是基于Jekyll的博客生成工具，它简化了Jekyll的操作，可以让你更舒服的创作。Octopress的一大优势是它插件很多，并且兼容Jekyll的官方插件。

Octopress支持内建的社交平台（Twitter, Google+），Disqus评论和Google Analytics。

Octopress的文档：http://octopress.org/docs/

Hexo

Hexo是用Node.js编写的博客框架。这个静态网站生成工具非常快，使用它构建一个完整的网站只要要几秒钟。Hexo支持所有的GitHub Markdown特性，并支持大多数Octopress插件。

从其余博客平台迁移到hexo非常容易。

[Hexo的文档]https://hexo.io/docs/

Hugo

[Hugo]http://gohugo.io/是另一个流行的静态网站生成工具，它是使用go语言编写，并且使用Markdown语法。官网对它的形容：This application does not depend on administrative privileges, databases, interpreters, or external libraries, and still works like a charm. Websites or blogs built with Hugo can be hosted on any web host including GitHub Pages, S3, and Dropbox.

开始使用Hugo：http://gohugo.io/overview/quickstart/

Pelican

Pelican是使用Python编写的静态网站生成工具。它支持用reStructuredText, Markdown, 和AsciiDoc创作网站内容。Pelican支持Jinja模版引擎，结果是，它支持很多自己设置主题。

开始使用Pelican：http://docs.getpelican.com/en/3.6.3/install.html

Middleman

Middleman －中间人，又一个使用Ruby编写的静态网站生成工具。它提供怎样使用和自己设置的文档，方便你自己设置你的网站。

Middleman is a static site generator using all the shortcuts and tools in modern web development.

开始使用Middleman：https://middlemanapp.com/basics/install/

Metalsmith

Metalsmith是简单、高效、pluggable静态网站生成工具，它使用nodejs编写。Metalsmith和其余工具的最大区别是它的所有东西都由插件解决，并且插件可以重用。只需决定网站的功能，而后找到相关插件，组合到一起，ok，ready to go!

Metalsmith也可以生成PDF、电子书、文档等等。

开始使用Metalsmith：http://www.metalsmith.io/

DocPad

DocPad自带建立好的网站主架，允许你快速的建立功能完整的网站。这个工具支持CoffeeScript、Ruby、PHP、Stylus等等。DocPad removes limitations and closes the gap between experts and beginners. Designers and developers can create websites faster than ever before.

开始使用DocPad：http://docpad.org/docs/install

Wintersmith

Wintersmith是极简的、可扩展的静态网站生成工具，它使用Nodejs编写。它同样支持插件。Wintersmith的项目基于目录结构，可以方便的移植旧站点。

开始使用Wintersmith： jnordberg/wintersmith#quick-start

Cactus

Cactus是使用Python和Django模版系统制作的静态网站生成工具。

开始使用Cactus： koenbok/Cactus/

HubPress

HubPress是开源的web应用，使用它可以允许你创立一个基于GitHub Pages的博客。HubPress的使用非常简单，你只要要fork这个项目到你的github，而后修改配置文件即可以了。

开始使用HubPress： HubPress/hubpress.io

为了帮助大家让学习变得轻松、高效，给大家免费分享一大批资料，帮助大家在成为前台工程师，乃至全栈工程师的路上披荆斩棘。在这里给大家推荐一个前台全栈学习扣qun：784783012 欢迎大家进群交流探讨，学习交流，共同进步。
当真正开始学习的时候难免不知道从哪入手，导致效率低下影响继续学习的信心。
但最重要的是不知道哪些技术需要重点掌握，学习时频繁踩坑，最终白费大量时间，所以有效资源还是很有必要的。