Drupal 8 会使用 navbar 代替 Drupal 7 上的 toolbar,这们就是在 Drupal 最上面显示的一个工具栏。 下面我们单独去安装一下 navbar 这个模块。
先禁用掉 toolbar
drush dis toolbar -y
然后再去安装一下 navbar
drush en navbar -y
回到管理后台,现在最上面显示的就是 navbar 这个模块提供的工具栏。 回到终端,再去提交一下:
git add .
git commit -m '安装 navbar'
要正常使用它还需要安装一些其它的 JavaScript 库,比如 Backbone , Undercore ,还有 Modernizr 。
在 报告,状态报告 这个页面上,会显示模块缺少的东西。
先打开 backbone 的官方网站,点击页面上的 Production Version,生产版本,也就是压缩之后的代码,体积会小很多。 选中所有的代码然后复制一下。
回到编辑器,在 sites/all 下面新建一个目录,命名为 libraries,这目录就是默认存储这些库文件的地方。在它下面再创建一个文件,这个文件放到 backbone 这个目录的下面,文件名是 backbone-min.js ,min 表示这是一个压缩以后的生产版本的 backbone 。
把复制的代码粘贴过来 .. 保存
然后再打开 underscore ,同样点击 Production Version ,复制代码,回到编辑器。 在 sites/all/libraries 下面去创建一个文件,先把它放到 underscore 这个目录的下面,文件名是 underscore-min.js 。保存 ..
最后再打开 modernizr,它是一个可以检查浏览器功能的类库,点击 Development,你可以选择想要的功能,默认这里勾选了所有的功能,再取消勾选一下 Don't Minify Source ,然后复制一下生产的代码。
回到编辑器,再到 libraries 目录下面创建一个文件,放到 modernizr 目录的下面,文件名是 modernizr-min.js ... 粘贴代码,然后再保存一下这个文件。
再回到 状态报告 这个页面,刷新一下。 提示 backbone 还有 modernizr 这两个库已经安装好了,还差一下 underscore,有可以是我拼写错了 .. 回到编辑器 ...
这里这个文件少了一个 s ,选中文件,按一下 m ,修改一下文件名 .. 再回到浏览器,刷新 ..
Navbar 需要的类库全部都有了。现在我们就可以正常使用 navbar 的功能了。
再回到终端,去提交一下修改,查看一下状态:
git status
显示 sites/all/libraries 没有被跟踪,在它的下面我们创建了几个目录分别存储不同的类库,先去提交一下 backbone ..
git add sites/all/libraries/backbone
git commit -m '添加库 backbone'
再去提交剩下的两个 ... 一个是 underscore :
git add sites/all/libraries/underscore
git commit -m '添加库 underscore'
还有就是 modernizr:
git add sites/all/libraries/modernizr
git commit -m '添加库 modernizr'
再查看一下:
git status
现在我们又有了一个干净的工作目录了,因为所有的修改都已经提交了。
http://backbonejs.org/
http://underscorejs.org/
http://modernizr.com/