搭建Bootstrap离线文档的方法


Posted in Javascript onDecember 02, 2016

虽然现在不联网的情况很少,但在本机上搭建一份Bootstrap离线文档以备不时之需也是很有必要的。

废话不多说,如果你也有同样的想法,可以参照以下步骤来做:

若你还没有安装过nodejs和Ruby,请先下载安装后再开始下面的步骤。

去Bootstrap官网下载源码。

搭建Bootstrap离线文档的方法

下载完毕之后解压到任意位置,比如D:\。

从terminal进入源码目录,输入命令:

npm install

搭建Bootstrap离线文档的方法

接着从terminal输入下面的命令来安装Ruby的一个gem:Bundler(官网:http://bundler.io)

gem install bundler

搭建Bootstrap离线文档的方法

如果你和我一样在安装bundler时碰到SSL错误, 请先运行下面的命令再重新安装bundler:

gem sources --remove https://rubygems.org/
gem sources --add http://rubygems.org/

若你在安装bundler时碰到过SSL错误,那么你还需要额外进行下面这一步骤的修改:打开源码根目录下的Gemfile文件, 把第一行的https:改成http,然后保存关闭。

搭建Bootstrap离线文档的方法

修改Gemfile

从terminal进入源码目录,输入命令:

bundler install

至此,Bootstrap离线文档的安装配置已经完成,今后在想查看文档时,从terminal进入源码目录,输入命令:

bundler exec jekyll serve

搭建Bootstrap离线文档的方法

打开网页http://localhost:9001 即可查看离线文档。

以上所述是小编给大家介绍的搭建Bootstrap离线文档的方法,希望对大家有所帮助,如果大家有任何疑问请给我留言,小编会及时回复大家的。在此也非常感谢大家对三水点靠木网站的支持!

Javascript 相关文章推荐
Javascript注入技巧
Jun 22 Javascript
科讯商业版中用到的ajax空间与分页函数
Sep 02 Javascript
html的DOM中document对象anchors集合用法实例
Jan 21 Javascript
jquery模拟进度条实现方法
Aug 03 Javascript
深入理解JS中的substr和substring
Apr 26 Javascript
jquery层级选择器(匹配父元素下的子元素实现代码)
Sep 05 Javascript
基于Vue实现支持按周切换的日历
Sep 24 Javascript
JavaScript中错误正确处理方式小结你用对了吗
Oct 10 Javascript
vue项目中使用lib-flexible解决移动端适配的问题解决
Aug 23 Javascript
vuejs实现ready函数加载完之后执行某个函数的方法
Aug 31 Javascript
vue2.0实现列表数据增加和删除
Jun 17 Javascript
通过实例解析json与jsonp原理及使用方法
Sep 27 Javascript
巧用Javascript的逻辑运算符
Dec 02 #Javascript
Vue.js第四天学习笔记(组件)
Dec 02 #Javascript
Javascript之面向对象--接口
Dec 02 #Javascript
Javascript之面向对象--封装
Dec 02 #Javascript
JavaScript制作弹出层效果
Dec 02 #Javascript
Javascript之面向对象--方法
Dec 02 #Javascript
详解基于javascript实现的苹果系统底部菜单
Dec 02 #Javascript
You might like
PHP的栏目导航程序
2006/10/09 PHP
PHP新手上路(八)
2006/10/09 PHP
PHP新手上路(六)
2006/10/09 PHP
PHP实现微信网页授权开发教程
2016/01/19 PHP
PHP实现登录验证码校验功能
2018/05/17 PHP
Laravel如何同时连接多个数据库详解
2019/08/13 PHP
JQuery实现自定义对话框的代码
2008/06/15 Javascript
js 遍历对象的属性的代码
2011/12/29 Javascript
JS事件Event元素(兼容IE,Firefox,Chorme)
2012/11/01 Javascript
jquery限定文本框只能输入数字即整数和小数
2013/11/29 Javascript
jQuery实现DIV层淡入淡出拖动特效的方法
2015/02/13 Javascript
JS判断字符串变量是否含有某个字串的实现方法
2016/06/03 Javascript
BootStrap 超链接变按钮的实现方法
2016/09/25 Javascript
详解微信小程序 通过控制CSS实现view隐藏与显示
2017/05/24 Javascript
JS库之Three.js 简易入门教程(详解之一)
2017/09/13 Javascript
React Native AsyncStorage本地存储工具类
2017/10/24 Javascript
vue数据控制视图源码解析
2018/03/28 Javascript
Javascript Promise用法详解
2018/05/10 Javascript
JavaScript中filter的用法实例分析
2019/02/27 Javascript
微信小程序登录数据解密及状态维持实例详解
2019/05/06 Javascript
JS定义函数的几种常用方法小结
2019/05/23 Javascript
angularjs自定义过滤器demo示例
2019/08/24 Javascript
Vue组件通信$attrs、$listeners实现原理解析
2020/09/03 Javascript
Python面向对象之静态属性、类方法与静态方法分析
2018/08/24 Python
Python实现深度遍历和广度遍历的方法
2019/01/22 Python
python递归法解决棋盘分割问题
2019/07/17 Python
Django 如何使用日期时间选择器规范用户的时间输入示例代码详解
2020/05/22 Python
pandas针对excel处理的实现
2021/01/15 Python
美国户外运动商店:Sun & Ski
2018/08/23 全球购物
eDreams加拿大:廉价航班、酒店和度假
2019/03/29 全球购物
什么是Smart Navigation?
2016/07/03 面试题
Java中会存在内存泄漏吗,请简单描述
2016/12/22 面试题
七一讲话心得体会
2014/09/05 职场文书
2014年德育工作总结
2014/11/20 职场文书
水电工程师岗位职责
2015/02/13 职场文书
Nest.js参数校验和自定义返回数据格式详解
2021/03/29 Javascript