Drupal8系列（四）：主题制作的前期准备-Ubuntu14.04LTS

当我下载了Drupal-8.0.0-alpha版之后，十分有兴致地去下载排行在前面的8.x开发版的主题，想大致做个试验性质的网站，但结果却大大出乎我的意料，大部分的主题都不能正常应用，在百般纠结之下，还是一咬牙下决心作一个主题好了！

创新互联是一家专业提供定州企业网站建设,专注与成都网站制作、成都网站设计、H5技术、小程序制作等业务。10年已为定州众多企业、政府机构等服务。创新互联专业网站制作公司优惠进行中。

如果大家留意我以前的博客就不难发现，我比较偏好BootStrap框架，所以这次就基于BootStrap框架来制作一个主题！既然是对新事物的尝试，我想不妨把我感兴趣的Sass、Compass也一起集成在主题里。所以在我的主题中需要做一些初始化的设置，由于Ubuntu软件库中已经编译好的软件版本都比较旧，所以打算使用gem进行安装：

一、安装Ruby

首先是Ruby以及ruby-dev，一般而言Ubuntu安装之后都会自动安装Ruby的。如果没有的话，也没有关系，直接：

sudo apt-get install ruby ruby-dev

就可以安装好Ruby了，注意在Ubuntu 14.04 LTS中的Ruby包已经包含了gem，所以不需要再象以前那样安装gem包了。

二、设置gem

接下来就是设置gem的源了，由于众所周知的原因，在国内使用 gem安装经常会出现找不到资源的错误，所以我们需要对gem源做一些设置：

gem source -r http://rubygems.org/
gem source -a http://ruby.taobao.org/

这样，我们的gem源中就有了淘宝的gem源了，如下所示：

gem sources list
*** CURRENT SOURCES ***
http://ruby.taobao.org/

三、安装Sass

在设置了源之后，就可以开始安装Sass了，Sass安装十分简单：

sudo gem install sass
Fetching: sass-3.3.14.gem (100%)
Successfully installed sass-3.3.14
1 gem installed
Installing ri documentation for sass-3.3.14...
Installing RDoc documentation for sass-3.3.14...

出现以上提示，说明sass已经安装好了。

四、安装Compass

接下来是安装Sass的Compass框架了，由于Sass 3.3.x与Compass稳定版兼容性不是很好，所以我们安装它的1.0.0rc1版，安装也很方便：

sudo gem install compass --pre
Building native extensions.  This could take a while...
Fetching: rb-inotify-0.9.5.gem (100%)
Fetching: compass-1.0.0.rc.1.gem (100%)
    Compass is charityware. If you love it, please donate on our behalf at http://umdf.org/compass Thanks!
Successfully installed ffi-1.9.3
Successfully installed rb-inotify-0.9.5
Successfully installed compass-1.0.0.rc.1
3 gems installed
Installing ri documentation for ffi-1.9.3...
... ...
Installing RDoc documentation for rb-inotify-0.9.5...
Installing RDoc documentation for compass-1.0.0.rc.1...

这样就安装好了Compass了

更正：

目前compass1.0.1已经是正式版了，所以只需要使用正常安装，无须使用--pre参数

sudo gem install compass

五、安装Bootstrap-sass

BootStrap不用多说，大家都知道它是用Less作为源码的。但是Sass强大的编程能力和Compass丰富的底层函数又是我们所需要的，不过好在推特的技术非常雄厚，他们又用Sass把BootStrap重新改写了，这便是Bootstrap-sass了。安装Bootstrap-sass也很简单，直接输入下面的语句：

sudo gem install bootstrap-sass
[sudo] password for firehare: 
Fetching: bootstrap-sass-3.2.0.1.gem (100%)
Successfully installed bootstrap-sass-3.2.0.1
1 gem installed
Installing ri documentation for bootstrap-sass-3.2.0.1...
Installing RDoc documentation for bootstrap-sass-3.2.0.1...

这样，我们就基本上把制作主题所需要的软件都已经准备好了。接下来就正式进入主题制作了！