前言：

Jade 是一个高性能的模板引擎，它深受 Haml 影响，它是用 JavaScript 实现的，并且可以供 Node 使用。
他是基于NodeJs的。本文主要讲解使用jade转换成html文件以及相关语法

什么是 Gulp？

Gulp 的官网title上对这个工具有一个比较准确的定义，叫做：基于流的自动化构建工具。如果你查看它的网页源代码，还会看到在标签里有一段更详细的描述：

1

Gulp.js 是一个自动化构建工具，开发者可以使用它在项目开发过程中自动执行常见任务。Gulp.js 是基于 Node.js 构建的，利用 Node.js 流的威力，你可以快速构建项目并减少频繁的 IO 操作。Gulp.js 源文件和你用来定义任务的 Gulp 文件都是通过 JavaScript（或者 CoffeeScript ）源码来实现的。

前言

rem是什么，也许有些人没有听说过，或者听说过，但是不了解，提到rem大家应该会联想到em，px，很多人用这些单位设置字体大小和固定布局，他们确实可以用来设置字体大小和固定布局，但是对于rem，它不仅可以用来设置字体大小还可以用来做移动端响应式布局。

响应式网页不仅仅是响应不同类型的设备，而且需要响应不同的用户需求。响应式的初衷是为了让信息更好的传递交流，让所有人无障碍的获取信息，同时这也是 Web 的初衷。

什么是伪元素？

伪元素是创造关于文档语言能够指定的文档树之外的抽象。

例如文档语言不能提供访问元素内容第一字或者第一行的机制。

伪元素允许设计师引用它们，否则这是难以办到的。

伪元素还提供样式设计师给在源文档中不存在的内容分配样式（例如：::before和::after能够访问产生的内容）。

本站使用hexo在github上架设（主站点：lcsoul.cn）
hexo是一款基于Node.js的静态博客框架，本篇教程是针对与Mac的，今天刚把博客搭建完成，地址在上面欢迎大家访问。

从14年开始使用WordPress架设博客到现在也有近两年了，最近想体验下在github上使用hexo架设博客，So 就有了这篇文章。

本文仅供小白使用，大牛请绕道:-D，如有错误之处多多见谅，如果有不清楚的地方可以联系我，我会及时更新本篇文章(^__^) ！！！

github是一个开源代码库以及版本控制系统，Github拥有140多万开发者用户。随着越来越多的应用程序转移到了云上，Github已经成为了管理软件开发以及发现已有代码的首选方法。