记录重新设计博客的点滴。
前言
去年的这个时候搭了一个简陋的博客。因为太简陋，便没有更新。然后就计划着等有时间了，稍微搭理下。计划是一个下午搞定，不料进行的不太顺利，便有了这篇博客。
准备工作
Jekyll
github.io
Flatboot
代码高亮
留言
Grunt
Bower
Jekyll
Jekyll是一个Ruby gems，可以在本地对github pages进行开发、调试，非常方便。
安装
安装rbenv
安装ruby
安装jekyll
gem install jekyll
使用
入门：
jekyll new 创建一个新的项目
jekyll build 对已存在的项目进行构建，主要是将yaml和md格式的文档转换成html
jekyll serve 启动内置服务器，实现本地网站的浏览
进阶：
jekyll serve -w 加入 -w 命令，使其支持在运行的过程中热加载，一旦有更新，即刻反映到页面。
flatboot
Flatboot是对bootstrap做扁平化设计的一个前端框架。
Grunt
Grunt可以是静态资源的管理，非常适合只有纯静态资源的github-pages博客。
安装
- 安装Node
- 安装NPM
- 安装Grunt
使用
grunt init 初始化，会生成Gruntfile.json文件
在Gruntfile.json文件中配置对前端资源文件的处理，如JS、CSS文件的合并，压缩。定制控制命令
grunt [command] 运行对应的命令，完成相应操作。
Bower
js库的管理器，通过简单的命令可以实现对项目中引入的JS库进行版本控制和管理。
安装
- 安装Node
- 安装NPM
- 安装Bower
使用
bower init 初始化功能，主要是生成bower.json文件
bower install 读取bower.json 文件，根据其中的dependencies域安装项目所需JS库。
.bowerrc 配置bower install下载的js库的存放位置