搭建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中$(document)是什么意思有什么作用
Jul 21 Javascript
jQuery解决input超多的表单提交
Aug 10 Javascript
Jquery效果大全之制作电脑健康体检得分特效附源码下载
Nov 02 Javascript
基于javascript实现表格的简单操作
May 21 Javascript
js实现千分符和保留几位小数的简单实例
Aug 01 Javascript
获取url中用&隔开的参数实例(分享)
May 28 Javascript
解决option标签selected="selected"属性失效的问题
Nov 06 Javascript
vue学习教程之带你一步步详细解析vue-cli
Dec 26 Javascript
angular2组件中定时刷新并清除定时器的实例讲解
Aug 31 Javascript
jQuery实现计算器功能
Oct 19 jQuery
原生js实现自定义消息提示框
Nov 19 Javascript
vue动态设置路由权限的主要思路
Jan 13 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
php 遍历数据表数据并列表横向排列的代码
2009/09/05 PHP
Thinkphp结合ajaxFileUpload实现异步图片传输示例
2017/03/13 PHP
PHP的自定义模板引擎
2017/03/24 PHP
PHP标准库 (SPL)――Countable用法示例
2020/06/05 PHP
Javascript 写的简单进度条控件
2008/01/22 Javascript
仿校内登陆框,精美,给那些很厉害但是没有设计天才的程序员
2008/11/24 Javascript
jquery.validate的使用说明介绍
2013/11/12 Javascript
jquery实现表单输入时提示文字滑动向上效果
2015/08/10 Javascript
快速解决js动态改变dom元素属性后页面及时渲染的问题
2016/07/06 Javascript
AngularJS包括详解及示例代码
2016/08/17 Javascript
JavaScript函数基础详解
2017/02/03 Javascript
基于vue.js无缝滚动效果
2018/01/25 Javascript
jQuery实现碰到边缘反弹的动画效果
2018/02/24 jQuery
Vue2.0 事件的广播与接收(观察者模式)
2018/03/14 Javascript
JS实现数组去重及数组内对象去重功能示例
2019/02/02 Javascript
高效jQuery选择器的5个技巧实例分析
2019/11/26 jQuery
es5 类与es6中class的区别小结
2020/11/09 Javascript
[48:02]Ti4循环赛第三日 VG vs Liquid和NEWBEE vs DK
2014/07/12 DOTA
python 控制语句
2011/11/03 Python
详解Python的单元测试
2015/04/28 Python
python链接Oracle数据库的方法
2015/06/28 Python
由浅入深讲解python中的yield与generator
2017/04/05 Python
Python+selenium 获取浏览器窗口坐标、句柄的方法
2018/10/14 Python
Python读取Excel表格,并同时画折线图和柱状图的方法
2018/10/14 Python
Python matplotlib生成图片背景透明的示例代码
2019/08/30 Python
Python3.x+迅雷x 自动下载高分电影的实现方法
2020/01/12 Python
Python内置函数及功能简介汇总
2020/10/13 Python
html5表单及新增的改良元素详解
2016/06/07 HTML / CSS
Wolford法国官网:奥地利奢侈内衣品牌
2020/08/11 全球购物
年终晚会活动方案
2014/08/21 职场文书
小学生清明节演讲稿
2014/09/05 职场文书
2015秋季小学开学寄语
2015/05/27 职场文书
鉴史问廉观后感
2015/06/10 职场文书
关于远足的感想
2015/08/10 职场文书
redis三种高可用方式部署的实现
2021/05/11 Redis
JS class语法糖的深入剖析
2022/07/07 Javascript