博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
Drupal8系列(四):主题制作的前期准备-Ubuntu 14.04 LTS
阅读量:5742 次
发布时间:2019-06-18

本文共 2191 字,大约阅读时间需要 7 分钟。

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

如果大家留意我以前的博客就不难发现,我比较偏好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 sassFetching: sass-3.3.14.gem (100%)Successfully installed sass-3.3.141 gem installedInstalling 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 --preBuilding 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.3Successfully installed rb-inotify-0.9.5Successfully installed compass-1.0.0.rc.13 gems installedInstalling 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.11 gem installedInstalling ri documentation for bootstrap-sass-3.2.0.1...Installing RDoc documentation for bootstrap-sass-3.2.0.1...

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

转载地址:http://hcnzx.baihongyu.com/

你可能感兴趣的文章
ZJU PAT 1023
查看>>
WMI远程访问问题解决方法
查看>>
从零开始学习IOS,(UILabel控件)详细使用和特殊效果
查看>>
Android开发历程_15(AppWidget的使用)
查看>>
阿花宝宝 Java 笔记 之 初识java
查看>>
7、设计模式-创建型模式-建造者模式
查看>>
Cesium官方教程11--建模人员必读
查看>>
我国古代的勾股定理
查看>>
Linux下的C编程实战
查看>>
[32期] html中部分代码与英语单词关系
查看>>
PHP安装环境,服务器不支持curl_exec的解决办法
查看>>
jQuery|元素遍历
查看>>
RedHat 6 安装配置Apache 2.2
查看>>
Openstack 安装部署指南翻译系列 之 Manila服务安装(Share Storage)
查看>>
underscore.js学习笔记
查看>>
windows下常用命令
查看>>
1.5编程基础之循环控制_29:数字反转
查看>>
组策略 之 设备安装设置
查看>>
人工智能还能干这些?这8种AI应用你可能意想不到
查看>>
实现Hyper-V 虚拟机在不同架构的处理器间迁移
查看>>