搭建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 相关文章推荐
JQuery中对Select的option项的添加、删除、取值
Aug 25 Javascript
3个可以改善用户体验的AngularJS指令介绍
Jun 18 Javascript
在JavaScript应用中使用RequireJS来实现延迟加载
Jul 01 Javascript
jQuery获取与设置iframe高度的方法
Aug 01 Javascript
JS判断浏览器是否安装flash插件的简单方法
Sep 13 Javascript
详解Angular的内置过滤器和自定义过滤器【推荐】
Dec 26 Javascript
javascript实现table单元格点击展开隐藏效果(实例代码)
Apr 10 Javascript
jQuery Datatable 多个查询条件自定义提交事件(推荐)
Aug 24 jQuery
JS闭包经典实例详解
Dec 20 Javascript
微信小程序制作表格的方法
Feb 14 Javascript
JavaScript实现移动端带transition动画的轮播效果
Mar 24 Javascript
vue二选一tab栏切换新做法实现
Jan 19 Vue.js
巧用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
AMFPHP php远程调用(RPC, Remote Procedure Call)工具 快速入门教程
2010/05/10 PHP
php header函数的常用http头设置
2015/06/25 PHP
php魔法函数与魔法常量使用介绍
2017/07/23 PHP
短信提示使用 特效
2007/01/19 Javascript
JQuery入门——用映射方式绑定不同事件应用示例
2013/02/05 Javascript
浅析JS刷新框架中的其他页面 && JS刷新窗口方法汇总
2013/07/08 Javascript
原生Javascript封装的一个AJAX函数分享
2014/10/11 Javascript
使用script的src实现跨域和类似ajax效果
2014/11/10 Javascript
jquery实现图片上传之前预览的方法
2015/07/11 Javascript
JavaScript对HTML DOM使用EventListener进行操作
2015/10/21 Javascript
js获取鼠标位置实例详解
2015/12/09 Javascript
基于Javascript实现返回顶部按钮
2016/02/29 Javascript
JS生成某个范围的随机数【四种情况详解】
2016/04/20 Javascript
js仿百度音乐全选操作
2017/01/13 Javascript
JavaScript控制输入框中只能输入中文、数字和英文的方法【基于正则实现】
2017/03/03 Javascript
完美解决iview 的select下拉框选项错位的问题
2018/03/02 Javascript
vue加载自定义的js文件方法
2018/03/13 Javascript
Vue2 监听属性改变watch的实例代码
2018/08/27 Javascript
js变量值传到php过程详解 将php解析成数据
2019/06/26 Javascript
浅谈Vue中render中的h箭头函数
2019/11/07 Javascript
JS实现电脑虚拟键盘的操作
2020/06/24 Javascript
python使用rabbitmq实现网络爬虫示例
2014/02/20 Python
OpenCV-Python 摄像头实时检测人脸代码实例
2019/04/30 Python
解决Django Static内容不能加载显示的问题
2019/07/28 Python
python numpy 矩阵堆叠实例
2020/01/17 Python
Python求两个字符串最长公共子序列代码实例
2020/03/05 Python
python-图片流传输的思路及示例(url转换二维码)
2020/12/21 Python
Python字符串对齐、删除字符串不需要的内容以及格式化打印字符
2021/01/23 Python
“型”走纽约上东区:Sam Edelman
2017/04/02 全球购物
全球烹饪课程的领先预订平台:Cookly
2020/01/28 全球购物
酒店开业策划方案
2014/06/02 职场文书
创先争优演讲稿
2014/09/15 职场文书
小学生暑假安全保证书
2015/07/13 职场文书
利用javaScript处理常用事件详解
2021/04/14 Javascript
Python提取PDF指定内容并生成新文件
2021/06/09 Python
python index() 与 rindex() 方法的使用示例详解
2022/12/24 Python